<div class="row">
    <div class="col-sm-12">
        <p><a href="<?= base_url('admin/warehouses'); ?>"><i class="fa fa-arrow-left" aria-hidden="true"></i> Kembali ke Daftar Gudang</a></p><br>
        <h4><?= empty($warehouse->id) ? 'Buat Gudang Baru' : 'Edit Gudang: ' 
    . $warehouse->name; ?></h4> 
        <?= $this->session->flashdata('success'); ?> 
    </div>
</div>

<?= form_open(); ?> 

<div class="row"> 
    <div class="col-sm-3">
        <p>Nama Gudang</p>
    </div>
     <div class="col-sm-9"> 
        <p>
        <?php
        $data = array( 
            'name'        => 'name',
            'value'       => $warehouse->name,
            'class'       => 'form-control'
        );
        echo form_input($data); ?>
        <?= form_error('name'); ?></p>
    </div>
</div>

<div class="row"> 
    <div class="col-sm-3">
        <p>Nama Alias</p>
    </div>
     <div class="col-sm-9"> 
        <p>
        <?php
        $data = array( 
            'name'        => 'alias',
            'value'       => $warehouse->alias,
            'class'       => 'form-control'
        );
        echo form_input($data); ?>
        <?= form_error('alias'); ?></p>
    </div>
</div> 

<div class="row"> 
    <div class="col-sm-3">
        <p>Telepon</p>
    </div>
     <div class="col-sm-9"> 
        <p>
        <?php
        $data = array( 
            'name'        => 'phone',
            'value'       => $warehouse->phone,
            'class'       => 'form-control'
        );
        echo form_input($data); ?>
        <?= form_error('phone'); ?></p>
    </div>
</div> 

<div class="row"> 
    <div class="col-sm-3">
        <p>Tipe Gudang</p>
    </div>
     <div class="col-sm-9"> 
       <?php
        $options = array(
            'normal'  => 'Gudang Cabang',
            'main'  => 'Gudang Pusat'
        );
        echo form_dropdown('warehouse_type', $options, $warehouse->warehouse_type, 'class="form-control"'); ?>
    </div>
</div> 

<div class="row">
    <div class="col-sm-3">
        <p>Prioritas (isi dengan angka)</p>
    </div>
     <div class="col-sm-9">
        <p>
        <?php
        $data = array(
            'name'        => 'priority',
            'value'       => $warehouse->priority,
            'class'       => 'form-control'
            );
        echo form_input($data); ?>
        <?= form_error('priority'); ?></p>
    </div>
</div> 

<div class="row"> 
    <div class="col-sm-3">
        <p>Address</p>
    </div>
     <div class="col-sm-9"> 
        <p>
        <?php
        $data = array( 
            'name'        => 'address',
            'value'       => $warehouse->address,
            'class'       => 'form-control'
        );
        echo form_input($data); ?>
        <?= form_error('address'); ?></p>
    </div>
</div> 

<div class="row" style="padding-bottom:15px; display: none;">
    <div class="col-sm-3">
        <p>Negara</p>
    </div><!-- end class="col-sm-3" -->
    <div class="col-sm-9">

        <select id="country" name="country" class="form-control">
            <option value="0" selected>INDONESIA</option> 
        </select>   
    </div><!-- end class="col-sm-9" -->
</div><!-- end class="row" --> 

<script>
$(document).ready(function() {
    if( $('#country').val() != 0 ) {
        $('#provinceBlock').hide();
        $('#districtBlock').hide();
        $('#subdistrictBlock').hide(); 
    }

    $('#country').change(function() {
        if($(this).val() == '0') { //if Indonesia is chosen
            $('#provinceBlock').show();
            $('#districtBlock').show();
            $('#subdistrictBlock').show();
        } else {
            $('#provinceBlock').hide();
            $('#districtBlock').hide();
            $('#subdistrictBlock').hide();
        }
    }); 
});
</script>

<div class="row" id="provinceBlock"> 
    <div class="col-sm-3">
        <p>Provinsi</p>
    </div>
    <div class="col-sm-9"> 
       <select id="province" name="province" class="form-control">
        <option value="">Pilih Provinsi...</option>
        <?php foreach($provinces as $province) : ?> 
            <option value="<?= $province->rajaongkir_province_id; ?>"
            <?php if(isset($warehouse)) : ?>    
                <?php if ($province->rajaongkir_province_id == $warehouse->id_province): ?>
                    selected    
                <?php endif ?> 
            <?php endif; ?> 
            ><?= ucwords($province->province); ?></option>
        <?php endforeach; ?>    
        </select> 
        <?php echo '<span style="font-size:10px;">' . form_error('province') . '</span>'; ?> 
    </div>
</div>

<div class="row" id="districtBlock"> 
    <div class="col-sm-3">
        <p>Kota/Kabupaten</p>
    </div>
     <div class="col-sm-9"> 
       <select id="district" name="district" class="form-control">
        <?php if (isset($district_lists)) : ?>  
            <?php foreach($district_lists as $district) : ?>
                <option value="<?= $district->rajaongkir_id_district; ?>"
                <?php if(isset($warehouse)) : ?>               
                    <?php if ($district->rajaongkir_id_district == $warehouse->id_district) : ?>
                        selected
                    <?php endif; ?>
                <?php endif; ?>
                ><?= ucwords($district->district); ?></option>
            <?php endforeach; ?>
        <?php endif; ?>
        </select> <span id="loadingSpinner"><img style="width:30px; height:auto;" src="<?= base_url('assets/frontend/img/spinner.gif'); ?>"></span>
        <?php echo '<span style="font-size:10px;">' . form_error('district') . '</span>'; ?>
    </div>
</div>  

<div class="row" id="subdistrictBlock"> 
    <div class="col-sm-3">
        <p>Kecamatan</p>
    </div>
     <div class="col-sm-9"> 
        <select id="subdistrict" name="subdistrict" class="form-control" >
        <?php if (isset($subdistrict_lists)) : ?>  
            <?php foreach($subdistrict_lists as $subdistrict) : ?>
                <option value="<?= $subdistrict->rajaongkir_id_subdistrict; ?>"
                <?php if(isset($warehouse)) : ?>             
                    <?php if($subdistrict->rajaongkir_id_subdistrict == $warehouse->id_subdistrict) : ?>
                        selected
                    <?php endif; ?>
                <?php endif; ?>
                ><?= ucwords($subdistrict->subdistrict); ?></option>
            <?php endforeach; ?>
        <?php endif; ?>
        </select> <span id="loadingSpinner2"><img style="width:30px; height:auto;" src="<?= base_url('assets/frontend/img/spinner.gif'); ?>"></span>
        <?php echo '<span style="font-size:10px;">' . form_error('subdistrict') . '</span>'; ?>
    </div>
</div> 

<div class="row" id="subdistrictBlock"> 
    <div class="col-sm-3">
        <p>Cakupan Kecamatan untuk Pengiriman Instan (1-4Jam)</p>
    </div>
     <div class="col-sm-9"> 
        <div id="subdistrict2HourBlock" style="width: 100%; height: 200px; overflow-y: scroll;">
             <?php if (isset($subdistrict_lists)) : ?>
                 <ul style="list-style: none;">
                 <?php 
                    $this->db->select('*')->from('indonesia_subdistricts');
                    $this->db->join('indonesia_districts', 'indonesia_districts.rajaongkir_id_district = indonesia_subdistricts.indonesia_id_district');
                    $this->db->where('indonesia_districts.indonesia_id_province', $warehouse->id_province);
                    $subdistricts = $this->db->get()->result(); 
                 ?>  
                 <?php foreach($subdistricts as $subdistrict) : ?>
                    <li><input type="checkbox" name="subdistrict_2hourdelivery[]" value="<?= $subdistrict->rajaongkir_id_subdistrict; ?>"
                        <?php if(isset($current_2hour_subdistrict_id) && $current_2hour_subdistrict_id != NULL) : ?>
                            <?php foreach ($current_2hour_subdistrict_id as $item): ?>
                                <?php if($item->twohour_subdistrict_id == $subdistrict->rajaongkir_id_subdistrict) : ?>
                                    checked
                                <?php endif; ?>                           
                            <?php endforeach; ?> 
                        <?php endif; ?> 
                        > <?= $subdistrict->subdistrict; ?></li>
                 <?php endforeach; ?>   
                 </ul>
             <?php endif; ?>  
        </div>
    </div>
</div>   

<div class="row" id="subdistrictBlock"> 
    <div class="col-sm-3">
        <p>Cakupan Kecamatan untuk Pengiriman untuk Pengiriman 1 Hari (4-8Jam)</p>
    </div>
     <div class="col-sm-9"> 
        <div id="subdistrict1dayserviceBlock" style="width: 100%; height: 200px; overflow-y: scroll;">
             <?php if (isset($subdistrict_lists)) : ?>
                 <ul style="list-style: none;">
                 <?php foreach($subdistricts as $subdistrict) : ?>
                    <li><input type="checkbox" name="subdistrict_1dayservice[]" value="<?= $subdistrict->rajaongkir_id_subdistrict; ?>"
                         <?php if(isset($current_1day_subdistrict_id) && $current_1day_subdistrict_id != NULL) : ?>  
                            <?php foreach ($current_1day_subdistrict_id as $item): ?>
                                <?php if($item->oneday_subdistrict_id == $subdistrict->rajaongkir_id_subdistrict) : ?>
                                    checked
                                <?php endif; ?>                               
                            <?php endforeach; ?>   
                        <?php endif; ?> 
                        > <?= $subdistrict->subdistrict; ?></li>
                 <?php endforeach; ?> 
                 </ul>
             <?php endif; ?>                 
        </div>
    </div>
</div>

<div class="row"> 
    <div class="col-sm-3">
    </div>
     <div class="col-sm-9"> 
        <?php if(empty($warehouse->id)) : ?>
            <p><?= form_submit('submit', 'Simpan', 'class="btn btn-primary btn-success"'); ?>
        <?php else : ?>
            <p><?= form_submit('submit', 'Update', 'class="btn btn-primary btn-success"'); ?>
        <?php endif; ?>   
        &nbsp;&nbsp;&nbsp;<?= anchor('admin/warehouses', 'Batal', array('class' => 'btn btn-default')); ?></p>
    </div>
</div> 
<?= form_close(); ?>

<script>
//Ajax call to get district from province
$( document ).ready(function() {

    var id_province;
    var id_district;
    var id_subdistrict;

    /*----for registration-----*/
    $( ".registerdatepicker" ).datepicker({
        dateFormat:'dd-mm-yy',
        changeYear: true,
        changeMonth: true, 
        yearRange: '1960:2016',
    });

    //Spinner on loading districts from province
    $('#loadingSpinner').hide();
    $('#loadingSpinner2').hide();
    $('#loadingSpinner3').hide();

    $('#province').change(function() {
        id_province = $(this).val();
        load_data_district(id_province);
        load_data_2hourdelivery(id_province);
        load_data_1dayservice(id_province);
       
    });  

    $('#district').change(function() {
        id_district = $(this).val();
        load_data_subdistrict(id_district);
    });  

    $('#subdistrict').change(function() {
        id_subdistrict = $(this).val();
        //load_data_outlet(id_province, id_district, id_subdistrict);
    });  

    var controller = 'ajax';
    var base_url = '<?php echo base_url(); ?>'; 

    function load_data_district(id_province) {

        $('#loadingSpinner').show();

        $.ajax({
            'url'       : base_url + controller + '/ajax_get_district',
            'type'      : 'POST',
            'data'      : {
                          'id_province' : id_province,
                          '<?= $this->security->get_csrf_token_name(); ?>' : '<?= $this->security->get_csrf_hash(); ?>'
                          }, 
            'success'   : function(data) {
                
                var container = $('#district');
                
                if (data) { 
                    /*---success----*/
                    container.html(data);  
                    $('#loadingSpinner').hide(); 
                };
            }
        });
    }

    function load_data_subdistrict(id_district) {

        $('#loadingSpinner2').show();

        $.ajax({
            'url'       : base_url + controller + '/ajax_get_subdistrict', 
            'type'      : 'POST',
            'data'      : {
                          'id_district' : id_district,
                          '<?= $this->security->get_csrf_token_name(); ?>' : '<?= $this->security->get_csrf_hash(); ?>'
                          }, 
            'success'   : function(data) {
                
                var container = $('#subdistrict');
                
                if (data) { 
                    /*---success----*/
                    container.html(data);  
                    $('#loadingSpinner2').hide(); 
                };
            }
        });
    }

    function load_data_2hourdelivery(id_province) {

        $('#loadingSpinner').show();

        $.ajax({
            'url'       : base_url + controller + '/ajax_get_2hourdelivery',
            'type'      : 'POST',
            'data'      : {
                            'id_province' : id_province,

                            <?php if(!empty($warehouse->id)) : ?>
                                'id_warehouse' : <?= $warehouse->id; ?>,
                            <?php endif; ?>
                            '<?= $this->security->get_csrf_token_name(); ?>' : '<?= $this->security->get_csrf_hash(); ?>'
                          }, 
            'success'   : function(data) {
                
                var container = $('#subdistrict2HourBlock');
                
                if (data) { 
                    /*---success----*/
                    container.html(data);  
                    $('#loadingSpinner').hide(); 
                };
            }
        });
    }

    function load_data_1dayservice(id_province) {

        $('#loadingSpinner').show();

        $.ajax({
            'url'       : base_url + controller + '/ajax_get_1dayservice',
            'type'      : 'POST',
            'data'      : {
                            'id_province' : id_province,

                             <?php if(!empty($warehouse->id)) : ?>
                                'id_warehouse' : <?= $warehouse->id; ?>,
                            <?php endif; ?>
                            '<?= $this->security->get_csrf_token_name(); ?>' : '<?= $this->security->get_csrf_hash(); ?>'
                          }, 
            'success'   : function(data) {
                
                var container = $('#subdistrict1dayserviceBlock');
                
                if (data) { 
                    /*---success----*/
                    container.html(data);  
                    $('#loadingSpinner').hide(); 
                };
            }
        });
    }  
});
</script>