kredit

<style>
    .panel-paket
    {

        margin-right: 10px;
        margin-left: 10px;
        margin-bottom:10px;
        border: 1px solid #DDD;
    }
    .color-orange
    {
        color: #ffb200;
        font-weight: 600;
        font-size:20px !important;
    }
    .color-hijau
    {
        color:#00c524;
        font-weight: 600;
        font-size:20px !important;
    }
    .color-biru
    {
        color:#2291d3;
        font-weight: 600;
        font-size:20px !important;
    }

    .panel-judul
    {
        background-color: #FFF;
        padding-right:0px;
        padding-left:0px;
    }
    .judul-paket
    {
        padding: 10px;
        border-bottom: 1px solid #DDD;
    }
    .panel-bawah
    {
        background: #fbfbfb;
        padding: 10px;
    }
    strong
    {
        color:#333333;
    }
    p
    {
        line-height: 22px;
    }
</style>
<div id="content" class="background-grey snap-content">
  <div class="header-clear-middle"></div>

  <div class="header-title" style="margin-bottom:15px;"><h4>Beli Paket</h4></div>
  <p class="text-center" style="margin-bottom: 15px;">Silahkan pilih paket yang sesuai dengan <br> kebutuhan perusahaan Anda</p>
  <div class="row panel-paket">
    <div class="col-xs-12 panel-judul">
      <div class="col-xs-12 text-center judul-paket">
        <h4 class="color-orange">PAKET A</h4>
    </div>
    <div class="col-xs-12 judul-paket">
        <div class="col-xs-6 text-left"><strong>25 Kredit</strong></div>
        <div class="col-xs-6 text-right">Rp. 500.000</div>
    </div>
    <div class="col-xs-12 text-center panel-bawah">
        <h5>Masa berlaku paket 3 bulan  setelah aktif</h5>
        <button class="btn btn-warning btn-block btn-lg" id="paketA" style="background-color:#ffb200;border-color:#ffb200;">Beli Paket</button>
    </div>
</div>
</div>

<div class="row panel-paket">
    <div class="col-xs-12 panel-judul">
      <div class="col-xs-12 text-center judul-paket">
        <h4 class="color-hijau">PAKET B</h4>
    </div>
    <div class="col-xs-12 judul-paket">
        <div class="col-xs-6 text-left"><strong>50 Kredit</strong></div>
        <div class="col-xs-6 text-right">Rp. 750.000</div>
    </div>
    <div class="col-xs-12 text-center panel-bawah">
        <h5>Masa berlaku paket 6 bulan  setelah aktif</h5>
        <button class="btn btn-warning btn-block btn-lg" id="paketB" style="background-color:#00c524;border-color:#00c524;">Beli Paket</button>
    </div>
</div>
</div>



<div class="row panel-paket">
    <div class="col-xs-12 panel-judul">
      <div class="col-xs-12 text-center judul-paket">
        <h4 class="color-biru">PAKET C</h4>
    </div>
    <div class="col-xs-12 judul-paket">
        <div class="col-xs-6 text-left"><strong>100 Kredit</strong></div>
        <div class="col-xs-6 text-right">Rp. 1.000.000</div>
    </div>
    <div class="col-xs-12 text-center panel-bawah">
        <h5>Masa berlaku paket 12 bulan  setelah aktif</h5>
        <button class="btn btn-warning btn-block btn-lg" id="paketC" style="background-color:#2291d3;border-color:#2291d3;">Beli Paket</button>
    </div>
</div>
</div>




</div>

<div class="swal2-container swal2-fade swal2-shown" style="overflow-y: auto;display:none;">
    <div role="dialog" aria-labelledby="swal2-title" aria-describedby="swal2-content" class="swal2-modal swal2-show" tabindex="-1" style="width: 500px; padding: 20px; background: rgb(255, 255, 255); display: block; min-height: 239px;">
        <ul class="swal2-progresssteps" style="display: none;"></ul>
        <div class="swal2-icon swal2-error" style="display: none;"><span class="swal2-x-mark"><span class="swal2-x-mark-line-left"></span><span class="swal2-x-mark-line-right"></span></span>
        </div>
        <div class="swal2-icon swal2-question" style="display: none;">?</div>
        <div class="swal2-icon swal2-warning" style="display: none;">!</div>
        <div class="swal2-icon swal2-info" style="display: none;">i</div>
        <div class="swal2-icon swal2-success" style="display: none;">
            <div class="swal2-success-circular-line-left" style="background: rgb(255, 255, 255);"></div><span class="swal2-success-line-tip"></span> <span class="swal2-success-line-long"></span>
            <div class="swal2-success-ring"></div>
            <div class="swal2-success-fix" style="background: rgb(255, 255, 255);"></div>
            <div class="swal2-success-circular-line-right" style="background: rgb(255, 255, 255);"></div>
        </div><img class="swal2-image" src="https://m.ciayoo.com/ciayoo_assets/apps/img/icon_question.svg" style="display: block;">
        <h2 class="swal2-title" id="swal2-title" style="    font-size: 12pt !important;">Konfirmasi untuk membeli paket A Rp.500.000!</h2>
        <div id="swal2-content" class="swal2-content" style="display: none;"></div>
        <input class="swal2-input" style="display: none;">
        <input type="file" class="swal2-file" style="display: none;">
        <div class="swal2-range" style="display: none;">
            <output></output>
            <input type="range">
        </div>
        <select class="swal2-select" style="display: none;"></select>
        <div class="swal2-radio" style="display: none;"></div>
        <label for="swal2-checkbox" class="swal2-checkbox" style="display: none;">
            <input type="checkbox">
        </label>
        <textarea class="swal2-textarea" style="display: none;"></textarea>
        <div class="swal2-validationerror" style="display: none;"></div>
        <div class="swal2-buttonswrapper" style="display: block;">
            <button type="button" class="swal2-confirm swal2-styled" style="    width: 100%;background-color: #2291d3; border-left-color: #2291d3; border-right-color: #2291d3;">Beli Paket</button>
            <button type="button" class="swal2-cancel swal2-styled" style="width: 100%;background-color: #FFF; border:1px solid #2291d3;color:#2291d3;">Tidak</button>
        </div>
        <button type="button" class="swal2-close" aria-label="Close this dialog" style="display: none;">×</button>
    </div>
</div>
<script>
$('.swal2-container').hide();
$('#paketA').click(function(){
       $('.swal2-container').show();
       $('.swal2-title').html("Konfirmasi untuk membeli paket A Rp.500.000!");

});

$('#paketB').click(function(){
       $('.swal2-container').show();
       $('.swal2-title').html("Konfirmasi untuk membeli paket A Rp.750.000!");

});

$('#paketC').click(function(){
       $('.swal2-container').show();
       $('.swal2-title').html("Konfirmasi untuk membeli paket A Rp.1.000.000!");

});

$('.swal2-cancel').click(function(){
    $('.swal2-container').hide();
});

$('.swal2-confirm').click(function(){
   window.location = "<?php echo base_url(); ?>lowongankerja/berhasil_kredit";
});

</script>