@extends('layout.main')
@section('title')
  Master Wilayah | GIS JALAN
@endsection
@section('addCSS')

@stop
@section('addCSS2')
<style>

</style>
@stop
@section('content')
@php($page="master")
@php($subpage="wilayah")
<div class="row">
  <div class="col-md-12">
    <div class="card">
      <div class="card-header">
        <div class="row">
          <div class="col-md-6">
            <form action="{{url('wilayah/search/'.$parent)}}" method="post">
              {{ csrf_field() }}
              <div class="input-group">
                @php($searchArray = explode("=",$search))
                <input type="text" class="form-control" name="search" placeholder="Cari Data Wilayah" @if($search != 'all') value="{{ $searchArray[1] }}" @endif>
                  <div class="input-group-append">
                    <button class="btn btn-warning" type="submit">Search</button>
                  </div>
              </div>
            </form>
          </div>
          <div class="col-md-6">
            <a href="#modalWilayah"  data-toggle="modal"class="btn btn-warning pull-right">TAMBAH</a>
          </div>
        </div>
      </div>

      <div class="modal fade" id="modalWilayah">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <h5 class="modal-title" id="title">TAMBAH WILAYAH</h5>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
            <div class="view-body">
              <form action="{{url('wilayah/proses')}}" method="POST" enctype="multipart/form-data">
                {{ csrf_field() }}
                <div class="modal-body">
                  <div class="form-group">
                    <label>Nama Wilayah </label>
                    <input type="text" class="form-control" name="nama_wilayah" id="modal_nama">
                  </div>
                  <div class="form-group">
                    <label>Luas Wilayah </label>
                    <input type="text" class="form-control" name="luas" id="modal_luas">
                  </div>
                  <div class="form-group">
                    <label>Upload KML</label>
                    <input type="file" class="dropify" name="kml">
                  </div>
                  <div class="form-group">
                    <label>Parent Wilayah</label>
                    <select name="parent" class="select2" style="width:100%" id="modal_parent">
                      <option value="0" >Kota Mojokerto</option>
                      @foreach ($master['wilayah'] as $key => $value)
                        <option value="{{$value->id}}" >{{$value->nama_wilayah}}</option>
                      @endforeach
                    </select>
                  </div>
                </div>
                <div class="modal-footer">
                  <input type="hidden" name="id" id="modal_id" value="0">
                  <button type="button" class="btn btn-default" data-dismiss="modal">Tutup</button>
                  <button type="submit" class="btn btn-warning">Simpan</button>
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>

      <div class="card-body">
        <h4>{{$master['info-wilayah']->nama_wilayah}}</h4>
        <div class="table-responsive">
        <table class="table table-hover table-bordered">
          <thead>
            <tr>
              <th width="50px">No</th>
              <th>Nama Wilayah</th>
              <th style="width:1px;white-space:nowrap">Luas Wilayah</th>
              <th>Upload KML</th>
              <th>Action</th>
            </tr>
          </thead>
          <tbody>
            @foreach ($data as $key => $value)
              <tr>
                <td>{{$key+1}}</td>
                <td>{{$value->nama_wilayah}}</td>
                <td>{{$value->luas_wilayah}}</td>
                <td style="width:1px;white-space:nowrap">
                  @if(!empty($value->upload_kml))
                    <span style="background:#1bab5d;padding:5px;color:#fff">SUDAH UPLOAD KML</span>
                  @else
                    <span style="background:#bf1f1f;padding:5px;color:#fff">BELUM UPLOAD KML</span>
                  @endif
                </td>
                <td style="width:1px;white-space:nowrap">
                  <a href="{{url('wilayah/'.$value->id)}}" class="btn-table" data-toggle="tooltip" data-placement="top" title="" data-original-title="Anak Wilayah"><i class="ti ti-new-window"></i></a>
                  <a href="javascript:;" onclick="editWilayah('{{$value->id}}')"  class="btn-table" data-toggle="tooltip" data-placement="top" title="" data-original-title="Edit Wilayah"><i class="ti ti-pencil-alt"></i></a>
                  <a href="javascript:;" onclick="confirmDelete('{{$value->id}}')" class="btn-table" data-toggle="tooltip" data-placement="top" title="" data-original-title="Hapus Wilayah"><i class="ti ti-trash"></i></a>
                  <form action="{{url('wilayah/proses/delete='.$value->id)}}" method="post" id="hapus{{$value->id}}">{{ csrf_field()}}</form>
                </td>
              </tr>
            @endforeach
          </tbody>
        </table>
        </div>
      </div>
    </div>
  </div>
</div>
@stop
@section('addJS')
  <script>
  function editWilayah(id){
    $.get("{{ url('api/wilayah') }}/"+id,function(result){
      $('#modal_nama').val(result.nama_wilayah);
      $('#modal_luas').val(result.luas_wilayah);
      $('#modal_id').val(id);

      $('#modal_parent').val(result.parent_id);
      $('#modal_parent').select2();
      $('#title').html('EDIT WILAYAH');
      $('#modalWilayah').modal('show');
    });
  }
  </script>
@stop