<main id="mt-main"> 
    <?php $banner = $this->db->select('*')->from('configuration')->where('id_configuration',1)->get()->row(); ?>
    <section class="mt-contact-banner" style="background-image: url(<?=base_url('uploads/'.$banner->form4_banner)?>);">
      <div class="container">
        <div class="row">  
            <div class="col-xs-12 text-center">
                <h1>FORMULIR TEST PRINT</h1>
            </div>
        </div>
      </div>
    </section> 
    <div style="padding-top: 40px;" class="mt-blog-detail fullwidth wow fadeInUp" data-wow-delay="0.4s">
        <div class="container"> 
            <div style="" class="row">
                <div class="col-xs-12"> 
                    <article class="blog-post style3"> 
                        <h2>
                            <p style="background: #02b0af;color: white;font-size: 15px;padding-left: 15px;padding-right: 15px;">
                                <?= $this->session->flashdata('msg_send_form'); ?>
                            </p>
                            <a href="#" id="sponshorship">Form Pemesanan Test Print</a>
                        </h2> 

                        <div class="mt-comments-section fullwidth">

                        <!-- Mt Leave Comments of the Page -->
                            <div class="mt-leave-comment">
                            <h2>Silahkan mengisi formulir dibawah ini</h2>
<?php 
    $attributes = array(
        'class' => 'comment-form', 
        'id' => 'frm_test_print'
    ); 
?>
<?= form_open('',$attributes); ?>
    <fieldset>
        <div class="row">  
            <div class="form-group col-md-4">
                <label for="inp_nama">Nama<span style="color:red;">*</span></label>
                <input style="margin: 0; width: 100%;" type="text" class="form-control" placeholder="Nama" id="inp_nama">
            </div> 
            <div class="form-group col-md-4">
                <label for="inp_nohp">Nomor Handphone<span style="color:red;">*</span></label>
                <input style="margin: 0; width: 100%;" type="text" class="form-control" placeholder="Nomor Handphone" id="inp_nohp">
            </div>
            <div class="form-group col-md-4">
                <label for="inp_email">E-mail<span style="color:red;">*</span></label>
                <input style="margin: 0; width: 100%;" type="email" class="form-control" placeholder="E-mail" id="inp_email">
            </div>  
        </div>
        <div class="form-group">
            <label for="inp_address">          
                Alamat Pengiriman
                <span style="color:red;">*</span>
            </label>
            <textarea id="inp_address" placeholder="Alamat Pengiriman"></textarea>
        </div>
        <div class="row">  
            <div class="form-group col-md-4">
                <label for="inp_provinsi">Provinsi<span style="color:red;">*</span></label>
                <select style="margin: 0; width: 100%;" name="" class="form-control" id="inp_provinsi">
                  <option selected="" disabled="" value="">
                    -- Pilih --
                  </option>
                  <?php foreach($shipping_provinces as $shipping_province) : ?>
                    <option value="<?= $shipping_province->rajaongkir_province_id; ?>">
                        <?= ucwords($shipping_province->province); ?>
                    </option>
                  <?php endforeach; ?>
                </select>
            </div> 
            <div class="form-group col-md-4">
                <label for="inp_kabupaten">Kota/Kabupaten<span style="color:red;">*</span></label>
                <select style="margin: 0; width: 100%;" name="" class="form-control" id="inp_kabupaten">
                  <option selected="" disabled="" value="">-- Pilih --</option>
                </select>
            </div>
            <div class="form-group col-md-4">
                <label for="inp_kecamatan">Kecamatan<span style="color:red;">*</span></label>
                <select style="margin: 0; width: 100%;" name="" class="form-control" id="inp_kecamatan">
                  <option selected="" disabled="" value="">-- Pilih --</option>
                </select>
            </div>  
        </div>
        <div class="form-group">
            <label for="inp_kodepos">          
                Kode POS 
            </label>
            <input style="margin: 0; width: 100%;" type="text" class="form-control" placeholder="Kode POS" id="inp_kodepos">
        </div>
        <div class="form-group">
            <label for="inp_metodepengiriman">
                Pilihan metode pengiriman<span style="color:red;">*</span>
            </label>
            <select style="margin: 0; width: 100%;" name="" class="form-control" id="inp_metodepengiriman">
              <option selected="" disabled="" value="">-- Pilih --</option>
              <option value="JNE YES (1-2 hari)">JNE YES (1-2 hari)</option>
              <option value="JNE REG (2-4 hari)">JNE REG (2-4 hari)</option>
              <option value="Diambil kurir">Diambil kurir</option>
            </select>
        </div>
        <div class="form-group">
            <label for="inp_description1">
                Jika total ukuran file lebih dari 9 MB, Anda dapat memberikan URL ke wetransfer / dropbox Anda di sini. Jika dikirim terpisah via e-mail, tolong sebutkan nomor order Anda di e-mail tersebut.
            </label> 
            <textarea id="inp_description1" placeholder="..."></textarea>
        </div> 
        
        <hr>

        <div id="parent_div_test_print">
            <div class="each_div_test_print">
                <p class="p_test_print_num">
                    Test Print #1<br>
                </p>
                <div class="form-group">
                    <label for="inp_jenis_test_print_kain">
                        Jenis test print dan kain
                    </label>
                    <select style="margin: 0; width: 100%;" name="" class="form-control inp_jenis_test_print_kain">
                      <option selected="" disabled="" value="">-- Pilih --</option>
                      <option value="Test Print 30cm x 30cm : Baby Canvas">Test Print 30cm x 30cm : Baby Canvas</option> 
                    </select>
                </div>
                <div class="form-group">
                    <label for="inp_jumlah">Jumlah (pcs)</label>
                    <input style="margin: 0; width: 100%;" type="text" class="form-control inp_jumlah" placeholder="Jumlah (pcs)">
                </div>
                <div class="form-group">
                    <label for="inp_file_print">File untuk test print</label>
                    <p>
                        <button type="button" onclick="$('input.inp_file_test_print').eq(0).click();" class="btn btn-sm btn-primary">Add File</button>
                        <span class="spn_name_file"></span>
                        <input data-idx="0" onchange="change_file_test_print($(this));" style="display: none;" type="file" class="btn btn-sm btn-primary inp_file_test_print">
                        <br>
                        Tahan tombol CTRL saat memilih file, untuk upload beberapa file sekaligus. Gunakan www.wetransfer.com atau www.dropbox.com untuk total file lebih besar dari 9 MB.
                    </p>
                </div> 
                <div class="form-group">
                    <label for="">
                        Tambah cetakan lagi?
                        <button onclick="btn_tambahcetakan_test();" type="button" class="btn_tambahcetakan_test btn btn-sm btn-info" style="margin-top: 0;"><i class="fa fa-plus"></i> Tambah</button> 
                    </label>
                </div>
            </div>
        </div> 

        
        <div class="form-group">
            <input checked="" name="checkbox_save_this_info" id="checkbox_save_this_info" type="checkbox" value="1"> 
            <label style="color:#02b0af;" for="checkbox_save_this_info">
                Save this information for next time 
            </label>
            <button type="submit" class="btn_invite_visitor" style="margin-top: 0;">Kirim</button>
        </div>
    </fieldset>
</form>
                            </div>
                        <!-- Mt Leave Comments of the Page end -->
                        </div>
                    </article>
    <!-- Mt Comments Section of the Page end -->
                </div>
            </div>
        </div>
    </div>
 
</main>