@extends('layouts.admin.core')
@section('content')
<section class="content-header">
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-6">
                <h1>Setting Dokumen Jenis Usulan</h1>
            </div>
            <div class="col-sm-6">
                <div class="float-sm-right">
                    <button class="btn btn-success" type="button" data-toggle="modal" data-target="#modal-baru"> Data
                        Baru</button>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="content">

    <div class="modal fade" id="modal-baru">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">Data Baru</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form method="post">
                    {{csrf_field()}}
                    <div class="modal-body">
                        <div class="form-group">
                            <label for="namadetailjenisusulan">Jenis Usulan</label>
    
                            <select class="custom-select" id="namadetailjenisusulan" name="usulan_jenis_id" required="required">
                                @foreach ($usulanjenis as $u)
                                    <option value="{{$u->id}}">{{$u->usulan->nama_usulan}}
                                        {{$u->nama_usulan_jenis}}</option>
                                @endforeach
                            </select>
                        </div>
                    <div class="form-group">
                        <label for="jenisdok">Nama Dok</label>
                        <input class="form-control" type="text" name="jenis_dok" id="jenisdok" required>
                    </div>
                    <div class="form-group">
                        <label for="namadok">Awalan File</label>
                        <input class="form-control" type="text" name="nama_dok" id="namadok" required>
                    </div>
                    <div class="form-group">
                        <label for="wajib">Wajib ?</label>
                        <select class="custom-select" id="wajib" name="wajib" required="required">
                            <option value="1">YA</option>
                            <option value="0">TIDAK</option>
                        </select>
                    </div>
                    
                    </div>
                    <div class="modal-footer justify-content-between">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Batal</button>
                        <button type="submit" class="btn btn-primary">Simpan</button>
                    </div>
                </form>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->

    @foreach ($usulanjenisdok as $item)
    <div class="modal fade" id="modal-edit{{$item->id}}">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">Edit Data</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form action="{{url('setting/dokumen/detail/usulan/edit',[$item->id])}}" method="post">
                    {{csrf_field()}}
                    <div class="modal-body">
                        <div class="form-group">
                            <label for="namadetailjenisusulan">Jenis Usulan</label>
                            <input class="form-control" type="text" id="namadetailjenisusulan" value="{{$item->jenis->usulan->nama_usulan}} {{$item->jenis->nama_usulan_jenis}}" readonly>
                        </div>
                    <div class="form-group">
                        <label for="jenisdok">Nama Dok</label>
                        <input class="form-control" type="text" name="jenis_dok" id="jenisdok" value="{{$item->jenis_dok}}" required>
                    </div>
                    <div class="form-group">
                        <label for="namadok">Awalan File</label>
                        <input class="form-control" type="text" name="nama_dok" id="namadok" value="{{$item->nama_dok}}" required>
                    </div>
                    <div class="form-group">
                        <label for="wajib">Wajib ?</label>
                        <select class="custom-select" id="wajib" name="wajib" required="required">
                            <option value="1" {{($item->wajib == 1)?'selected':''}}>YA</option>
                            <option value="0" {{($item->wajib == 0)?'selected':''}}>TIDAK</option>
                        </select>
                    </div>
                    
                    </div>
                    <div class="modal-footer justify-content-between">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Batal</button>
                        <button type="submit" class="btn btn-primary">Simpan</button>
                    </div>
                </form>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->
    @endforeach

    <div class="container-fluid">
    <form class="form-inline">
            <div class="form-group">
              <label for="staticEmail2" class="col-form-label mr-3">Filter : </label>
              <div class="input-group-sm mr-3">
                <input type="text" name="search" class="form-control" placeholder="Cari Nama Dok Usulan"
                  value="{{request('search')}}">
              </div>
            </div>
            @role('Admin')
            {{-- <!--<div class="form-group">
              <div class="input-group-sm mr-3">
                <select class="form-control" name="pilihsatker">
                  <option value="">-- SEMUA SATKER --</option>
                  @foreach ($satker as $sk)
                  <option {{(request('pilihsatker') == $sk->id)?'selected':''}} value="{{$sk->id}}">{{$sk->nama}}</option>
                  @endforeach
                </select>
              </div>
            </div>--> --}}
            @endrole
            <div class="form-group">
              <div class="input-group-sm mr-3">
                <select class="form-control" name="pilihusulan">
                  <option value="">-- SEMUA USULAN --</option>
                  @foreach ($usulan as $ju)
                  <option {{(request('pilihusulan') == $ju->id)?'selected':''}} value="{{$ju->id}}">{{$ju->nama_usulan}}</option>
                  @endforeach
                </select>
              </div>
            </div>
           {{-- <!-- <div class="form-group">
              <div class="input-group-sm mr-3">
                <select class="form-control" name="pilihdetailjenis">
                  <option value="">-- SEMUA DETAIL USULAN --</option>
                  @foreach ($usulanjenis as $ju)
                    @foreach ($ju->nama_usulan_jenis as $i)
                        <option {{(request('pilihdetailjenis') == $i->id)?'selected':''}} value="{{$i->id}}">
                          {{$i->nama_usulan_jenis}}</option>
                    @endforeach
                  @endforeach
                </select>
              </div>
            </div> --> --}}
            <button type="submit" class="btn btn-primary btn-sm mr-1"><i class="fas fa-search"></i> Cari</button>
            <a href="{{url()->current()}}" class="btn btn-default btn-sm">Reset</a>
          </form>
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body table-responsive p-0">
                        @if ($message = Session::get('success'))
                        <div class="alert alert-success">
                            <p>{{ $message }}</p>
                        </div>
                        @endif
                        <table class="table table-bordered">
                            <tr>
                                <th>Usulan</th>
                                <th>Nama Dok</th>
                                <th width="120px" >Awalan File</th>
                                <th width="100px" class="text-center">Wajib ?</th>
                                <th width="200px" class="text-center">Action</th>
                            </tr>
                            @foreach ($usulanjenisdok as $item)
                            <tr>
                                <td>{{$item->jenis->usulan->nama_usulan}}
                                    {{$item->jenis->nama_usulan_jenis}}</td>
                                <td>{{ $item->jenis_dok }}</td>
                                <td>{{ $item->nama_dok }}</td>
                                <td class="text-center">
                                    @if($item->wajib == 1)
                                    <span class="badge badge-success">YA</span>
                                    @else
                                    <span class="badge badge-danger">TIDAK</span>
                                    @endif
                                </td>
                                <td class="text-center">
                                <button class="btn btn-sm btn-primary" type="button" data-toggle="modal" data-target="#modal-edit{{$item->id}}">Edit</button>
                                {!! Form::open(['method' => 'DELETE','route' => ['setting_usulan_dokumen_detail.destroy', $item->id],'style'=>'display:inline']) !!}
                                {!! Form::submit('Delete', ['class' => 'btn btn-sm btn-danger']) !!}
                                {!! Form::close() !!}
                                </td>
                            </tr>
                            @endforeach
                        </table>
                    </div>
                    <div class="card-body py-0 pt-3 border-top">
                        @if ($usulanjenisdok->firstItem())
                        <div class="float-left py-2">
                            Menampilkan {{$usulanjenisdok->firstItem()}} s/d {{$usulanjenisdok->lastItem()}} dari {{$usulanjenisdok->total()}} Baris
                        </div>
                        <div class="float-right">
                            {!! $usulanjenisdok->appends(request()->except('page'))->links() !!}
                        </div>
                        @else
                        <div class="py-3 text-center">
                            Tidak Ada Data
                        </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection