@extends('admin.master')
@section('content')

<!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
        ATASAN
      </h1>
    </section>

    <!-- Main content -->
    <section class="content">
      <div class="row">
        <div class="col-md-12">
          @if (session('success'))
          <div class="alert alert-success alert-dismissible">
              {!! session('success') !!}
              <button type="button" class="close" data-dismiss="alert" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          @endif

          @if (session('error'))
          <div class="alert alert-danger alert-dismissible">
              {!! session('error') !!}
              <button type="button" class="close" data-dismiss="alert" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          @endif
        </div>
      </div>

      <form action="{{ route('admin.atasan.store') }}" autocomplete="off" method="post">
        {{ csrf_field() }}

        <div class="row">
          <div class="col-md-12">
            <div class="box box-primary">

              <div class="box-body">
                <div class="row">
                  <div class="col-sm-12">
                    <div class="form-group">
                      <label for="nip">Pilih Pegawai</label>
                      <select name="pegawai_id" class="form-control select2" id="pegawai_id" required>
                        @foreach($pegawai as $row)
                        <option value="{{$row->id}}">{{$row->name}} NIP:{{$row->nip}}</option>
                        @endforeach
                      </select>
                    </div>
                  </div>
                  <div class="col-md-12">
                    <div class="form-group">
                      <button type="submit" class="btn btn-primary pull-right">
                          Tambahkan
                      </button>
                    </div>
                  </div>
                </div>
              </div>

            </div>
          </div>  
        </div>
      </form>

      <div class="row">
       <div class="col-md-12">

         <div class="box box-primary">
            <div class="box-header with-border">
              <h3 class="box-title">LIST ATASAN LANGSUNG</h3>
            </div>
            <!-- /.box-header -->
            <!-- form start -->
              <div class="box-body">
                <div class="box-header with-border">
                  <form method="GET" action="{{route('admin.atasan.index')}}" accept-charset="UTF-8" role="form">
                    <div class="pull-left">
                      <span class="title-filter hidden-xs">Filter:</span>
                      <input class="form-control input-filter input-sm" placeholder="Ketik Untuk Mencari..." name="search" value="{{request('search')}}" type="text">
                      <button type="submit" class="btn btn-sm btn-primary">CARI</button>
                      <a href="{{route('admin.atasan.index')}}" class="btn btn-sm btn-danger">RESET FILTER</a>
                    </div>
                  </form>
                </div>

                <table class="table table-bordered table-striped">
                  <thead>
                    <tr>
                      <th style="width: 250px">ATASAN</th>
                      <th>JABATAN / UNIT KERJA</th>
                      <th style="width: 70px">AKSI</th>
                    </tr>
                  </thead>
                  <tbody>
                    @foreach($atasan as $row)
                    <tr>
                      <td>{{$row->pegawai->nip}} <br> {{$row->pegawai->name}}</td>
                      <td>{{$row->pegawai->jabatan}} <br> {{$row->pegawai->unit_kerja}}</td>
                      <td>
                        <form action="{{ route('admin.atasan.destroy',$row->id) }}" autocomplete="off" method="post">
                          {{ csrf_field() }}
                          <input type="hidden" name="_method" value="DELETE">
                          <button type="submit" onclick="return confirm('Yakin ingin menghapus data?')" class="btn btn-xs btn-danger btn-block">HAPUS</button>
                        </form>
                      </td>
                    </tr>
                    @endforeach
                  </tbody>
                </table>

              </div>
              <!-- /.box-body -->

            </div>
       </div> 
      </div>
    </section>
@endsection

@push('css')
<link rel="stylesheet" href="{{asset('asset/bower_components/select2/dist/css/select2.min.css')}}">
{{-- asset\bower_components\select2\dist\css --}}
@endpush

@push('js')
<script src="{{asset('asset/bower_components/select2/dist/js/select2.min.js')}}"></script>

<script>
  $(document).ready(function() {

    $('#pegawai_id').select2();

  });
</script>
@endpush