<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->form1_banner)?>);">
      <div class="container">
        <div class="row"> 
			<div class="col-xs-12 text-center">
                <h1><?= lang('judul_form_print_kain'); ?></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> 
                            <a href="#" id="sponshorship">
                                <?= lang('header_form_print_kain'); ?>
                            </a>
                        </h2>  

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

                        <!-- Mt Leave Comments of the Page -->
                            <div class="mt-leave-comment">
                            <h2 style="text-transform: none;">
                                <?= lang('capt_form_print_kain'); ?>
                            </h2> 
<!-- <form id="frm_print_kain" method="POST" action="#" class="comment-form"> -->
<?php 
    $attributes = array(
        'class' => 'comment-form', 
        'id' => 'frm_print_kain'
    ); 
?>
<?= form_open('',$attributes); ?>
    <fieldset>
        <div class="row">  
            <div class="form-group col-md-4">
                <label for="inp_nama"><?= lang('inp_nama'); ?><span style="color:red;">*</span></label>
                <input required="" style="margin: 0; width: 100%;" type="text" class="form-control" placeholder="Nama" id="inp_nama" name="inp_nama">
            </div> 
            <div class="form-group col-md-4">
                <label for="inp_nohp"><?= lang('inp_nohp'); ?><span style="color:red;">*</span></label>
                <input required="" style="margin: 0; width: 100%;" type="text" class="form-control" placeholder="Nomor Handphone" name="inp_nohp" id="inp_nohp">
            </div>
            <div class="form-group col-md-4">
                <label for="inp_email"><?= lang('inp_email'); ?><span style="color:red;">*</span></label>
                <input required="" style="margin: 0; width: 100%;" type="email" class="form-control" placeholder="E-mail" name="inp_email" id="inp_email">
            </div>  
        </div> 
        <!-- <div class="form-group">
            <label for="inp_countries">          
                Negara
                <span style="color:red;">*</span>
            </label>
            <?php 
            $q_countries = $this->db->get("countries")->result();
            ?>
            <select required="" style="margin: 0; width: 100%;" name="inp_countries" class="form-control" id="inp_countries">
              <option selected="" value="indonesia">
                Indonesia
              </option>
              <?php foreach ($q_countries as $key): ?> 
                  <option value="<?= strtolower($key->country) ?>">
                    <?= $key->country; ?>
                  </option>
              <?php endforeach ?>
            </select>
        </div> -->
        <div class="form-group">
            <label for="inp_address">          
                <?= lang('inp_address'); ?>
                <span style="color:red;">*</span>
            </label>
            <textarea name="inp_address" required="" id="inp_address" placeholder="Alamat Pengiriman"></textarea>
        </div> 
        <div class="row">  
            <div class="form-group col-md-4">
                <label for="inp_provinsi"><?= lang('inp_provinsi'); ?><span style="color:red;">*</span></label>
                <select required="" style="margin: 0; width: 100%;" name="inp_provinsi" 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; ?>	
                    <option value="AUSTRALIA">AUSTRALIA</option>
                    <option value="BANGLADESH">BANGLADESH</option>
                    <option value="BRUNEI">BRUNEI</option>
                    <option value="CAMBODIA">CAMBODIA</option>
                    <option value="CANADA">CANADA</option>
                    <option value="CHINA">CHINA</option> 
                    <option value="DUBAI & UAE OTHER">DUBAI & UAE OTHER</option>
                    <option value="HONGKONG">HONGKONG</option>
                    <option value="INDIA">INDIA</option>
                    <option value="MALAYSIA">MALAYSIA</option>
                    <option value="MYANMAR">MYANMAR</option>
                    <option value="NEPAL">NEPAL</option>
                    <option value="PAKISTAN">PAKISTAN</option>
                    <option value="PAPUA">PAPUA</option>
                    <option value="PHILIPINES">PHILIPINES</option>
                    <option value="SINGAPORE">SINGAPORE</option>
                    <option value="SOUTH AFRICA">SOUTH AFRICA</option>
                    <option value="SOUTH KOREA">SOUTH KOREA</option>
                    <option value="SRILANGKA">SRILANGKA</option>
                    <option value="TAIWAN">TAIWAN</option>
                    <option value="THAILAND">THAILAND</option>
                    <option value="UNITED KINGDOM">UNITED KINGDOM</option> 
                    <option value="UNITED STATES OF AMERICA">UNITED STATES OF AMERICA</option> 
                    <option value="VIETNAM">VIETNAM</option>
                </select>
            </div> 
            <div class="form-group col-md-4">
                <label for="inp_kabupaten"><?= lang('inp_kabupaten'); ?><span style="color:red;">*</span></label>
                <select required="" style="margin: 0; width: 100%;" name="inp_kabupaten" 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"><?= lang('inp_kecamatan'); ?><span style="color:red;">*</span></label>
                <select required="" style="margin: 0; width: 100%;" name="inp_kecamatan" class="form-control" id="inp_kecamatan">
                  <option selected="" disabled="" value="">-- Pilih --</option> 
                </select>
            </div>  
        </div>
        <div class="form-group">
            <label for="inp_kodepos">          
                <?= lang('inp_kodepos'); ?> 
            </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">
                <?= lang('inp_metodepengiriman'); ?><span style="color:red;">*</span>
            </label>
            <select required="" style="margin: 0; width: 100%;" name="inp_metodepengiriman" class="form-control" id="inp_metodepengiriman">
              <option selected="" disabled="" value="">-- Pilih --</option>
              <option value="YES">JNE YES</option>
              <option value="REG">JNE REG</option>
              <option value="OKE">JNE OKE</option>
              <option value="JTR">JNE JTR</option>
              <option value="Diambil kurir">Diambil kurir</option>
            </select>
        </div>
        <div class="form-group">
            <label for="inp_description1">
                <?= lang('inp_description1'); ?>
            </label> 
            <textarea name="inp_description1" id="inp_description1" placeholder="..."></textarea>
        </div> 
        
        <hr> 
        <div id="parent_div_input_print_order">
            <div class="div_input_print_order">

                <p><b style="color:#02b0af;">Print Order #1</b> <br>
                <?= lang('info_print_order'); ?></p><br>

                <div class="row">
                    <div style="margin: 0;" class="form-group col-md-12"> 
                        <label for=""><?= lang('inp_areapoint'); ?><span style="color:red;">*</span></label>
                    </div>  
                    <div class="form-group col-md-12">
                        <select required="" style="margin: 0; width: 49%;" class="form-control inp_areapoint">
                          <option selected="" disabled="" value="">-- Pilih --</option>
                          <option value="Lebar 90 cm">Lebar 90 cm</option>
                          <option value="Lebar 110 cm">Lebar 110 cm</option>
                          <option value="Lebar 130 cm">Lebar 130 cm</option>
                          <option value="Lebar 150 cm">Lebar 150 cm</option>
                        </select>

                        <select required="" style="margin: 0;margin-left: 10px; width: 49%;" class="form-control inp_jeniskain">
                          <option selected="" disabled="" value="">-- Pilih --</option>
                          <!-- <option value="Drill">Drill</option>
                          <option value="Drill Premium">Drill Premium</option>
                          <option value="BSY">BSY</option> -->
                        </select>
                    </div>  
                </div>
                <div class="form-group">
                    <label for="">          
                        <?= lang('inp_panjangareaprint'); ?><span style="color:red;">*</span>
                    </label>
                    <input min="100" required="" style="margin: 0; width: 100%;" type="number" class="form-control inp_panjangareaprint" placeholder="Panjang area print (cm)"><br>
                    <?= lang('info_panjangareaprint'); ?>
                </div>
                <div class="form-group">
                    <label for="">          
                        <?= lang('inp_hasilprint'); ?>
                    </label>
                    <input style="margin: 0; width: 100%;" type="text" class="form-control inp_hasilprint" placeholder="Hasil print akan dijadikan produk apa?"><br>
                    <?= lang('info_hasilprint'); ?>
                </div>
                <div class="form-group">
                    <label for="">
                        <?= lang('inp_sumbergambar'); ?><span style="color:red;">*</span>
                    </label>
                    <select required="" style="margin: 0; width: 100%;" class="form-control inp_sumbergambar">
                      <option selected="" disabled="" value="">-- Pilih --</option>
                      <option value="Shutterstock">Shutterstock</option>
                      <option value="Desain sendiri">Desain sendiri</option>
                    </select>
                </div>
                <div style="display: none;" class="parent_kode_shutterstock form-group">
                    <label for="">
                        <?= lang('inp_kode_shutterstock'); ?><span style="color:red;">*</span>
                    </label>
                    <textarea class="inp_kode_shutterstock" placeholder="Gunakan koma (,) jika ada beberapa kode image"></textarea> 
                    <br>
                    <?= lang('info_kode_shutterstock'); ?>
                </div>
                <div style="display: none;" class="parent_file_dikirim_melalui form-group">
                    <label for="">
                        <?= lang('inp_file_dikirim_melalui'); ?><span style="color:red;">*</span>
                    </label>
                    
                    <select style="margin: 0; width: 100%;" class="form-control inp_file_dikirim_melalui">
                      <option selected="" disabled="" value="">-- Pilih --</option>
                      <option value="Wetransfer/Dropbox">Wetransfer/Dropbox, >10 MB</option>
                      <option value="e-mail">E-mail, <10 MB</option>
                      <option value="upload_file_di_sini">Upload file di sini, < 9MB</option>
                      <option value="USB_flashdisk/CD/DVD">USB flashdisk / CD / DVD</option>
                    </select>
                </div>
                <div style="display: none;" class="parent_wetransfer_dropbox parent_val_file_dikirim_melalui form-group">
                    <label for="">
                        <?= lang('inp_wetransfer_dropbox'); ?>
                    </label>
                    <input style="margin: 0; width: 100%;" type="text" class="inp_wetransfer_dropbox form-control" placeholder="URL Wetransfer / Dropbox"> 
                </div>
                <div style="display: none;" class="parent_upload_file_di_sini parent_val_file_dikirim_melalui form-group">
                    <label for="">
                        <?= lang('inp_upload_file_di_sini'); ?><span style="color:red;">*</span>
                    </label><br>
                    <input style="display: none; margin: 0; width: 100%;" type="file" class="inp_upload_file_di_sini form-control"> 
                    <span class="span_upload_file_di_sini"></span> 
                    <button type="button" class="btn btn-sm btn-default">Add File</button><br>
                    <?= lang('info_upload_file_di_sini'); ?>
                </div>
                <div class="form-group">
                    <label for="">
                        <?= lang('info_ukuran_img1'); ?>
                    </label>
                    <img class="img_ukuran_img1" src="https://www.canvaswebdesign.com/shrelo_cms/uploads/ukuran_img1.jpg" alt="">
                    <br>
                    <?= lang('info_ukuran_img2'); ?>
                </div>
                <div class="form-group">
                    <label for="">          
                        <?= lang('inp_ukuran_x'); ?>
                    </label>
                    <input style="margin: 0; width: 100%;" type="number" placeholder="1.0" step="0.1" min="0" class="form-control inp_ukuran_x" placeholder="Ukuran X (cm)">
                </div>
                <div class="form-group">
                    <label for="inp_ukuran_y">          
                        <?= lang('inp_ukuran_y'); ?>
                    </label>
                    <input style="margin: 0; width: 100%;" type="number" placeholder="1.0" step="0.1" min="0" class="inp_ukuran_y form-control" placeholder="Ukuran Y (cm)">
                </div>
                <div class="form-group">
                    <label for="">
                        <?= lang('info_jenis_pengulangan1'); ?>
                    </label> 
                    <img class="img_pengulangan_pola" src="https://www.canvaswebdesign.com/shrelo_cms/uploads/jenis_pengulangan_img1.jpg" alt="">
                </div>
                <div class="form-group div_pengulangan_pola_diinginkan">
                    <label for="">
                        <?= lang('inp_pengulangan_pola_diinginkan'); ?>
                    </label><br>
                    <input checked="" class="inp_pengulangan_pola_diinginkan" name="inp_pengulangan_pola_diinginkan1" type="radio" value="Seamless pattern/Pola Berulang"> Seamless pattern/Pola Berulang 
                    <input class="inp_pengulangan_pola_diinginkan" name="inp_pengulangan_pola_diinginkan1" type="radio" value="Cetak dengan jarak"> Cetak dengan jarak
                </div>

                <div style="display: none;" class="parent_jarak_antar_gambar form-group">
                    <label for="">
                        <?= lang('inp_jarak_antar_gambar'); ?><span style="color:red;">*</span>
                    </label>
                    <input style="margin: 0; width: 100%;" type="number" placeholder="1.0" step="0.1" min="0" class="inp_jarak_antar_gambar form-control" placeholder="Jarak antar gambar"> 
                </div>

                <div class="form-group">
                    <label for="">
                        <?= lang('inp_description2'); ?>
                    </label> 
                    <textarea class="inp_description2" placeholder="..."></textarea>
                </div>
                <div class="form-group">
                    <label for="">
                        <?= lang('btn_tambahcetakan'); ?>
                        <button onclick="btn_tambahcetakan();" type="button" class="btn_tambahcetakan btn btn-sm btn-info" style="margin-top: 0;"><i class="fa fa-plus"></i> <?= lang('btn_add'); ?></button> 
                    </label> 
                </div>
                <hr>
            </div>
        </div>

        <p id="p_footer_btn">
            <?= lang('info_keterangan_nama_pengirim1'); ?><br><br>
            <?= lang('info_keterangan_nama_pengirim2'); ?>
        </p>
        <div class="form-group">
            <label for="inp_detail_nama_pengirim">
                <?= lang('inp_detail_nama_pengirim'); ?>
            </label>
            <select style="margin: 0; width: 100%;" name="inp_detail_nama_pengirim" class="form-control" id="inp_detail_nama_pengirim">
              <option selected="" disabled="" value="">-- Pilih --</option>
              <option value="Order ini dikirimkan ke rumah/butik saya">Order ini dikirimkan ke rumah/butik saya</option>
              <option value="Drop ship, tapi saya ingin menggunakan nama lain">Drop ship, tapi saya ingin menggunakan nama lain</option>
            </select>
        </div>

        <div style="display: none;" class="parent_nama_pengirim_shop_butik form-group">
            <label for="">
                <?= lang('inp_nama_pengirim_shop_butik'); ?>
            </label>
            <input style="margin: 0; width: 100%;" type="text" class="inp_nama_pengirim_shop_butik form-control" placeholder="Nama pengirim / Shop / butik">
            <br> 
            <label for="">
                <?= lang('inp_nomor_handhone_pengirim'); ?>
            </label>
            <input style="margin: 0; width: 100%;" type="text" class="inp_nomor_handhone_pengirim form-control" placeholder="Nomor handhone pengirim">
        </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">
                <?= lang('checkbox_save_this_info'); ?>
            </label>
            <?php if ($this->session->flashdata('msg_send_form')): ?>
                <p id="msg_send_form" style="background: #02b0af;color: white;font-size: 15px;padding-left: 15px;padding-right: 15px;">
                    <?= $this->session->flashdata('msg_send_form'); ?>
                </p> 
                <script>
                    // $(document).ready(function(){  
                        
                    // });
                    // (function(){

                    // })();
                    setTimeout(function(){ 
                        $('html, body').animate({
                            scrollTop: $("p#p_footer_btn").offset().top
                        }, 1000);
                    },700);

                    setTimeout(function(){ 
                        $("p#msg_send_form").hide();
                    },5000);
                </script>
            <?php endif; ?>
            <button type="submit" class="btn_invite_visitor" style="margin-top: 0;"><?= lang('btn_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>

<style> 
    /*img.img_pengulangan_pola, img.img_ukuran_img1{ 
        width: 500px !important;
        height: 200px;
    }
    @media only screen and (max-width: 992px) { 
        img.img_pengulangan_pola, img.img_ukuran_img1{
            width: 100% !important; 
        }
    }*/
</style>
<script>
    function call_lang(call_l){
        const info_print_order = "<?= lang('info_print_order'); ?>";
        const inp_areapoint = "<?= lang('inp_areapoint'); ?>";
        const inp_panjangareaprint = "<?= lang('inp_panjangareaprint'); ?>";
        const info_panjangareaprint = "<?= lang('info_panjangareaprint'); ?>";
        const inp_hasilprint = "<?= lang('inp_hasilprint'); ?>";
        const info_hasilprint = "<?= lang('info_hasilprint'); ?>";
        const inp_sumbergambar = "<?= lang('inp_sumbergambar'); ?>";
        const inp_kode_shutterstock = "<?= lang('inp_kode_shutterstock'); ?>";
        const info_kode_shutterstock = "<?= lang('info_kode_shutterstock'); ?>";
        const inp_file_dikirim_melalui = "<?= lang('inp_file_dikirim_melalui'); ?>";
        const inp_wetransfer_dropbox = "<?= lang('inp_wetransfer_dropbox'); ?>";
        const inp_upload_file_di_sini = "<?= lang('inp_upload_file_di_sini'); ?>";
        const info_upload_file_di_sini = "<?= lang('info_upload_file_di_sini'); ?>";
        const info_ukuran_img1 = "<?= lang('info_ukuran_img1'); ?>";
        const info_ukuran_img2 = "<?= lang('info_ukuran_img2'); ?>";
        const inp_ukuran_x = "<?= lang('inp_ukuran_x'); ?>";
        const inp_ukuran_y = "<?= lang('inp_ukuran_y'); ?>";
        const info_jenis_pengulangan1 = "<?= lang('info_jenis_pengulangan1'); ?>";
        const inp_pengulangan_pola_diinginkan = "<?= lang('inp_pengulangan_pola_diinginkan'); ?>";
        const inp_jarak_antar_gambar = "<?= lang('inp_jarak_antar_gambar'); ?>";
        const inp_description2 = "<?= lang('inp_description2'); ?>";
        const btn_tambahcetakan = "<?= lang('btn_tambahcetakan'); ?>";
        const btn_add = "<?= lang('btn_add'); ?>";
        const btn_remove = "<?= lang('btn_remove'); ?>";

        let v_return = "";
        switch(call_l){
            case "info_print_order":
                v_return = info_print_order;
                break;
            case "inp_areapoint":
                v_return = inp_areapoint;
                break;
            case "inp_panjangareaprint":
                v_return = inp_panjangareaprint;
                break;
            case "info_panjangareaprint":
                v_return = info_panjangareaprint;
                break;
            case "inp_hasilprint":
                v_return = inp_hasilprint;
                break;
            case "info_hasilprint":
                v_return = info_hasilprint;
                break;
            case "inp_sumbergambar":
                v_return = inp_sumbergambar;
                break;
            case "inp_kode_shutterstock":
                v_return = inp_kode_shutterstock;
                break;
            case "info_kode_shutterstock":
                v_return = info_kode_shutterstock;
                break;
            case "inp_file_dikirim_melalui":
                v_return = inp_file_dikirim_melalui;
                break;
            case "inp_wetransfer_dropbox":
                v_return = inp_wetransfer_dropbox;
                break;
            case "inp_upload_file_di_sini":
                v_return = inp_upload_file_di_sini;
                break;
            case "info_upload_file_di_sini":
                v_return = info_upload_file_di_sini;
                break;
            case "info_ukuran_img1":
                v_return = info_ukuran_img1;
                break;
            case "info_ukuran_img2":
                v_return = info_ukuran_img2;
                break;
            case "inp_ukuran_x":
                v_return = inp_ukuran_x;
                break;
            case "inp_ukuran_y":
                v_return = inp_ukuran_y;
                break;
            case "info_jenis_pengulangan1":
                v_return = info_jenis_pengulangan1;
                break;
            case "inp_pengulangan_pola_diinginkan":
                v_return = inp_pengulangan_pola_diinginkan;
                break;
            case "inp_jarak_antar_gambar":
                v_return = inp_jarak_antar_gambar;
                break;
            case "inp_description2":
                v_return = inp_description2;
                break;
            case "btn_tambahcetakan":
                v_return = btn_tambahcetakan;
                break;
            case "btn_add":
                v_return = btn_add;
                break;
            case "btn_remove":
                v_return = btn_remove;
                break;
        }

        return v_return;
    }
</script>