@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('perusahaan.create')}}" class="btn  btn-success"><i class="fa fa-plus"></i>	Tambah perusahaan</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>Nama Perusahaan</th>
							<th>Kode Perusahaan</th>
							<th>Logo</th>
							<th>Action</th>
						</tr>
					</thead>
					<tbody>
						@foreach($perusahaan as $usaha)
							<tr>
								<td>{{ $loop->iteration + $perusahaan->firstItem() - 1 }}</td>
								<td>{{$usaha->name}}</td>
								<td>{{$usaha->kode_perusahaan}}</td>
								<td>
									<button type="button" class="btn btn-info btn-sm" data-bs-toggle="modal" data-bs-target="#exampleModals{{$usaha->id}}">
										<i class="fa fa-image"></i>
									</button>
								</td>
								<td>
									{!! Form::open(['route'=>['perusahaan.destroy',$usaha->id],'method'=>'DELETE']) !!}
										<a href="{{route('perusahaan.edit',$usaha->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>
							<div class="modal fade" tabindex="-1" id="exampleModals{{$usaha->id}}">
								<div class="modal-dialog">
									<div class="modal-content">
										<div class="modal-header">
											<h5 class="modal-title">{{$usaha->name}}</h5>
											<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
										</div>
										<div class="modal-body">
											<img src="{{asset('images/logo')}}/{{$usaha->logo}}" class="img img-fluid">
										</div>
										<div class="modal-footer">
											<button type="button" class="btn btn-success" data-bs-dismiss="modal">Close</button>
										</div>
									</div>
								</div>
							</div>
						@endforeach
					</tbody>
				</table>
				<div align="right">
					{!! $perusahaan->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