From Tacky Wolf, 9 Months ago, written in HTML5.
Embed
  1. @extends('layouts.app')
  2.  
  3. @section('content')
  4.  
  5. <form class="form-horizontal form-label-left" method = "POST">
  6. <div class="">
  7.   <div class="page-title">
  8.     <div class="title_left">
  9.       <h3>Anggaran Baku</h3>
  10.     </div>
  11.   </div>
  12.  
  13.   <div class="clearfix"></div>
  14.   @if ($errors->any())
  15.       <div class="alert alert-danger">
  16.           <ul class="list-unstyled">
  17.               @foreach ($errors->all() as $error)
  18.                   <li>{{ $error }}</li>
  19.               @endforeach
  20.           </ul>
  21.       </div>
  22.   @endif
  23.   <div class="row">
  24.     <div class="col-md-12 col-sm-12 col-xs-12">
  25.       <div class="x_panel">
  26.         <div class="x_title">
  27.           <h2>Form Anggaran Baku</h2>
  28.           <div class="clearfix"></div>
  29.         </div>
  30.         <div class="x_content">
  31.           {{ csrf_field() }}
  32.           <div class="form-group">
  33.             <label class="control-label col-md-3 col-itemsm-3 col-xs-12">
  34.               Dari Kecamatan <span class="required">*</span>
  35.             </label>
  36.             <div class="col-md-6 col-sm-6 col-xs-12">
  37.               <select name="kecamatan_asal" class="form-control">
  38.                 <option value="" selected disabled>- Pilih -</option>
  39.                 @foreach($kec as $idx => $row)
  40.                 <?php
  41.                if(isset($data->id_kecamatan_asal)){
  42.                   $selected =  $data->id_kecamatan_asal == $row->id ? "selected" : "";
  43.                 }
  44.                 else{
  45.                   $selected = $cfg->id_kecamatan == $row->id ? "selected" : "";
  46.                 }
  47.                 ?>
  48.                 <option value="{{$row->id}}" {{$selected}}>{{$row->nama}}</option>
  49.                 @endforeach
  50.               </select>
  51.             </div>
  52.           </div>
  53.           <div class="form-group">
  54.             <label class="control-label col-md-3 col-itemsm-3 col-xs-12">
  55.               Ke Provinsi <span class="required">*</span>
  56.             </label>
  57.             <div class="col-md-6 col-sm-6 col-xs-12">
  58.               <select name="provinsi" class="form-control" id="provinsi">
  59.                 <option value="" selected disabled>- Pilih -</option>
  60.                 @foreach($provinsi as $idx => $row)
  61.                 @php $selected = isset($data->id_provinsi) && $data->id_provinsi == $row->id ? "selected" : ""; @endphp
  62.                 <option value="{{$row->id}}" {{$selected}}>{{$row->nama}}</option>
  63.                 @endforeach
  64.               </select>
  65.             </div>
  66.           </div>
  67.           <div class="form-group">
  68.             <label class="control-label col-md-3 col-itemsm-3 col-xs-12">
  69.               Ke Kabupaten/Kota <span class="required">*</span>
  70.             </label>
  71.             <div class="col-md-6 col-sm-6 col-xs-12">
  72.               <select name="kabupaten" class="form-control" id="kabupaten">
  73.                 <option value='' selected disabled>- Pilih -</option>
  74.                 <!--  -->
  75.               </select>
  76.             </div>
  77.           </div>
  78.           <div class="form-group">
  79.             <label class="control-label col-md-3 col-itemsm-3 col-xs-12">
  80.               Ke Kecamatan <span class="required">*</span>
  81.             </label>
  82.             <div class="col-md-6 col-sm-6 col-xs-12">
  83.               <select name="kecamatan" class="form-control" id="kecamatan">
  84.                 <option value='' selected disabled>- Pilih -</option>
  85.                 <!--  -->
  86.               </select>
  87.             </div>
  88.           </div>
  89.           <div class="form-group" id="jarak">
  90.             <!--  -->
  91.           </div>
  92.           <div class="form-group">
  93.             <label class="control-label col-md-3 col-itemsm-3 col-xs-12">
  94.               Golongan <span class="required">*</span>
  95.             </label>
  96.             <div class="col-md-6 col-sm-6 col-xs-12">
  97.               <select name="golongan" class="form-control">
  98.                 <option value="" selected disabled>- Pilih -</option>
  99.                 @foreach($golongan as $idx => $row)
  100.                 @php $selected = isset($data->id_golongan) && $data->id_golongan == $row->id ? "selected" : ""; @endphp
  101.                 <option value="{{$row->id}}" {{$selected}}>{{$row->nama}}</option>
  102.                 @endforeach
  103.               </select>
  104.             </div>
  105.           </div>
  106.           <div class="form-group">
  107.             <label class="control-label col-md-3 col-itemsm-3 col-xs-12">
  108.               Eselon <span class="required">*</span>
  109.             </label>
  110.             <div class="col-md-6 col-sm-6 col-xs-12">
  111.               <select name="eselon" class="form-control">
  112.                 <option value="0">Tidak Ada</option>
  113.                 @foreach($eselon as $idx => $row)
  114.                 @php $selected = isset($data->id_eselon) && $data->id_eselon == $row->id ? "selected" : ""; @endphp
  115.                 <option value="{{$row->id}}" {{$selected}}>{{$row->nama}}</option>
  116.                 @endforeach
  117.               </select>
  118.             </div>
  119.           </div>
  120.           <div class="ln_solid"></div>
  121.         </div>
  122.       </div>
  123.     </div>
  124.   </div>
  125.   <div class="row">
  126.     <div class="col-md-12 col-sm-12 col-xs-12">
  127.       <div class="x_panel">
  128.         <div class="x_title">
  129.           <h2>Form Anggaran Baku Detail</h2>
  130.           <div class="clearfix"></div>
  131.         </div>
  132.         <div class="x_content">
  133.           @foreach($abd as $idx => $row)
  134.           <div class="form-group">
  135.             <label class="control-label col-md-3 col-itemsm-3 col-xs-12">
  136.             {{$row->nama}} <span class="required">*</span>
  137.             </label>
  138.             <div class="col-md-6 col-sm-6 col-xs-12">
  139.               <span class="fa form-control-feedback left" aria-hidden="true">Rp</span>
  140.               <input type='number' name='anggaran_{{$row->id}}' class='form-control has-feedback-left' style='width:200px' value='{{isset($row->besar_anggaran) ? $row->besar_anggaran: 0}}'>
  141.             </div>
  142.           </div>
  143.           @endforeach
  144.         </div>
  145.           <div class="form-group">
  146.             <div class="col-md-6 col-sm-6 col-xs-12 col-md-offset-3">
  147.               <a href='{{url()->previous()}}' class="btn btn-primary" type="button">Cancel</a>
  148.               <button type="submit" class="btn btn-success">Submit</button>
  149.             </div>
  150.           </div>
  151.         </div>
  152.       </div>
  153.     </div>
  154.   </div>
  155. </div>
  156. $(function(){
  157.  
  158.   function getKabupaten(el){
  159.      var id = $(el).val();
  160.      $.get('/master/anggaran_baku/getKabupaten?id=' + id, function(data){
  161.        console.log(data);
  162.        $('#kabupaten').empty();
  163.        $('#kabupaten').append("<option value='' selected disabled>- Pilih -</option>");
  164.  
  165.        $.each(data, function(index, row){
  166.          var kab_e = <?php if(isset($data->id_kabupaten)) {echo $data->id_kabupaten;} else{echo "''";} ?>;
  167.          if(kab_e == row.id){var selected = 'selected';}else{var selected = '';}
  168.          $('#kabupaten').append('<option value="'+ row.id +'" '+selected+'>'+ row.nama +'</option>');
  169.        });
  170.        getKecamatan($("#kabupaten"));
  171.        jarak();
  172.      }, 'json');
  173.    }
  174.  
  175.    function getKecamatan(el){
  176.       var id = $(el).val();
  177.       $.get('/master/anggaran_baku/getKecamatan?id=' + id, function(data){
  178.         console.log(data);
  179.         $('#kecamatan').empty();
  180.         $('#kecamatan').append("<option value='' selected disabled>- Pilih -</option>");
  181.  
  182.         $.each(data, function(index, row){
  183.           var kec_e = <?php if(isset($data->id_kecamatan)) {echo $data->id_kecamatan;} else{echo "''";} ?>;
  184.           if(kec_e == row.id){var selected = 'selected';}else{var selected = '';}
  185.           $('#kecamatan').append('<option value="'+ row.id +'" '+selected+'>'+ row.nama +'</option>');
  186.         });
  187.       }, 'json');
  188.     }
  189.  
  190.     function jarak()
  191.     {
  192.       var initProv = {{$cfg->id_provinsi}};
  193.       var initKab = {{$cfg->id_kabupaten}};
  194.       if($('#provinsi').val() == initProv && $('#kabupaten').val() == initKab){
  195.        $('#jarak').empty();
  196.         var form_jarak = "<label class='control-label col-md-3 col-itemsm-3 col-xs-12'>";
  197.         form_jarak += "Jarak <span class='required'>*</span>";
  198.         form_jarak += "</label><div class='col-md-6 col-sm-6 col-xs-12'>";
  199.         form_jarak += "<select name='jarak' class='form-control'>";
  200.         form_jarak += "<option value='' disabled selected>- Pilih -</option>"
  201.         form_jarak += "@foreach($jarak as $idx => $row)";
  202.         form_jarak += "@php if(isset($data->id_jarak) && $data->id_jarak == $row->id){$selected='selected';}else{$selected='';} @endphp";
  203.         form_jarak += "<option value='{{$row->id}}' {{$selected}}>{{$row->nama}}</option>"
  204.         form_jarak += "@endforeach";
  205.         form_jarak += "</select>"
  206.         $('#jarak').append(form_jarak);
  207.       }
  208.       else{
  209.         $('#jarak').empty();
  210.         $('#jarak').append("<input type='hidden' name='jarak' value='0'>");
  211.       }
  212.     }
  213.  
  214.    $('#provinsi').on('change', function(e){
  215.        console.log(e);
  216.        getKabupaten($("#provinsi"));
  217.    });
  218.  
  219.    $('#kabupaten').on('change', function(e){
  220.        console.log(e);
  221.        getKecamatan($("#kabupaten"));
  222.        jarak();
  223.    });
  224.    getKabupaten($("#provinsi"));
  225.    //getKecamatan($("#kabupaten"));
  226. });
  227. </form>
  228. @endsection
  229.