@extends('layouts.master')
@push('css')
<link href="{{asset('assets/libs/sweetalert2/sweetalert2.min.css')}}" rel="stylesheet" type="text/css" />
@endpush
@section('content')
	<div class="row">
		<div class="card">
			<div class="card-body">
				<div class="col-md-12">
					<div align="right">
						<a href="{{route('permintaan-staf.create')}}" class="btn  btn-success"><i class="fa fa-plus"></i>	Tambah Permintaan</a>
					</div>
				</div>
				<hr>
				@if(Session::has('message'))
				<div class="alert alert-{{Session::get('message.type')}}">{{Session::get('message.text')}}</div>
				@endif
				<table class="table table-bordered table-hover table-striped">
					<thead>
						<tr>
							<th>No</th>
							<th>Pemohon</th>
							<th>Perihal</th>
							<th>Nomor Surat</th>
							<th>Total Permintaan</th>
							<th>Status</th>
							<th>Action</th>
						</tr>
					</thead>
					<tbody>
						@foreach($surat as $permintaan)
							<tr>
								
								<td>
									{!! Form::open(['route'=>['permintaan-staf.destroy',$permintaan->id],'method'=>'DELETE']) !!}
										<a href="{{route('permintaan-staf.edit',$permintaan->id)}}" class="btn btn-sm btn-warning"><i class="fa fa-edit"></i></a>
										<a class="btn btn-sm btn-danger btn-del"><i class="fa fa-trash"></i></a>
									{!! Form::close() !!}
								</td>
							</tr>
						@endforeach
					</tbody>
				</table>
				<div align="right">
					{!! $surat->links() !!}
				</div>
			</div>
		</div>
	</div>
@endsection

@push('js')
<script src="{{asset('assets/libs/sweetalert2/sweetalert2.min.js')}}"></script>
<script type="text/javascript">
	$('.btn-del').on('click',function(){
		var ini  = $(this);
		Swal.fire({
			title: 'Are you sure?',
			text: "Yakin Ingin menghapus data ini?",
			icon:"question",
			showCancelButton: true,
			confirmButtonColor: '#3085d6',
			cancelButtonColor: '#d33',
			confirmButtonText: 'Yes, delete it!'
		}).then((result) => {
			if (result.value) {
				ini.closest('form').submit();
			}

		})
	});
</script>
@endpush