@extends('layouts.admin.core')
@section('content')
<section class="content-header">
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-6">
                <h1>Setting Detail 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="namajenisusulan">Nama Detail Usulan</label>
                        <input class="form-control" type="text" name="nama_usulan_jenis" id="namajenisusulan" required>
                    </div>
                    <div class="form-group">
                        <label for="namadetailjenisusulan">Jenis Usulan</label>

                        <select class="custom-select" id="namadetailjenisusulan" name="usulan_id" required="required">
                            @foreach ($usulan as $u)
                                <option value="{{$u->id}}">{{$u->nama_usulan}}</option>
                            @endforeach
                        </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 ($usulanjenis 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/detail/usulan/edit',[$item->id])}}" method="post">
                    {{csrf_field()}}
                    <div class="modal-body">
                        <div class="form-group">
                            <label for="namajenisusulan">Nama Detail Usulan</label>
                            <input class="form-control" type="text" name="nama_usulan_jenis" id="namajenisusulan" value="{{$item->nama_usulan_jenis}}">
                        </div>
                        <div class="form-group">
                            <label for="namadetailjenisusulan">Jenis Usulan</label>
                            <input class="form-control" type="text" id="namadetailjenisusulan" value="{{$item->usulan->nama_usulan}}" readonly>
                        </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 Detail 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 ($jenisusulan as $ju)
                    @foreach ($ju->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>No</th>
                                <th>Nama</th>
                                <th>Jenis</th>
                                <th width="200px" class="text-center">Action</th>
                            </tr>
                            @php
                                $nomor = 1;
                            @endphp
                            @foreach ($usulanjenis as $key => $item)
                            <tr>
                                <td>{{ ($usulanjenis->currentpage()-1) * $usulanjenis->perpage() + $key + 1 }}</td>
                                <td>{{ $item->nama_usulan_jenis }}</td>
                                <td>{{ $item->usulan->nama_usulan }}</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_detail.destroy', $item->id],'style'=>'display:inline']) !!}
                                {!! Form::submit('Delete', ['class' => 'btn btn-danger']) !!}
                                {!! Form::close() !!}
                                </td>
                            </tr>
                            @endforeach
                        </table>
                    </div>
                    <div class="card-body py-0 pt-3 border-top">
                        @if ($usulanjenis->firstItem())
                        <div class="float-left py-2">
                            Menampilkan {{$usulanjenis->firstItem()}} s/d {{$usulanjenis->lastItem()}} dari {{$usulanjenis->total()}} Baris
                        </div>
                        <div class="float-right">
                            {!! $usulanjenis->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