@extends('layouts.admin.core')
@section('content')
<section class="content-header">
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-6">
                <h1>Setting 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 Jenis Usulan</label>
                            <input class="form-control" type="text" name="nama_usulan" id="namajenisusulan">
                        </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 ($usulan 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/usulan/edit',[$item->id])}}" method="post">
                    {{csrf_field()}}
                    <div class="modal-body">
                        <div class="form-group">
                            <label for="namajenisusulan">Nama Jenis Usulan</label>
                        <input class="form-control" type="text" name="nama_usulan" id="namajenisusulan" value="{{$item->nama_usulan}}">
                        </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="card">
        <div class="card-header">
            <div class="card-tools float-left">
            <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 Usulan"
                    value="{{request('search')}}">
                </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>
        </div>
        <div class="card-body p-0">
            <table class="table table-responsive" id="myTable">
              <thead>
                <tr>
                    <th style="min-width:500px">Nama</th>
                    <th style="min-width:200px" class="text-center">Action</th>
                </tr>
              </thead>
              <tbody>
                @foreach ($usulan as $item)
                <tr>
                    <td>{{ $item->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.destroy', $item->id],'style'=>'display:inline']) !!}
                    {!! Form::submit('Delete', ['class' => 'btn btn-danger']) !!}
                    {!! Form::close() !!}
                    </td>
                </tr>
                @endforeach             
              </tbody>
            </table>
          </div>
          <!-- /.card-body -->
          <div class="card-body py-0 pt-3 border-top">
            @if ($usulan->firstItem())
            <div class="float-left py-2">
                Menampilkan {{$usulan->firstItem()}} s/d {{$usulan->lastItem()}} dari {{$usulan->total()}} Baris
            </div>
            <div class="float-right">
                {!! $usulan->appends(request()->except('page'))->links() !!}
            </div>
            @else
            <div class="py-3 text-center">
                Tidak Ada Data
            </div>
            @endif
        </div>
        </div>
        <!-- /.card -->
          
</div>
</section>
@endsection