@extends('layouts.index')

@section('header')
<div class="row align-items-center py-4">
	<div class="col-lg-6 col-7">
		<h6 class="h2 text-white d-inline-block mb-0"> {{$title}} </h6>
		<nav aria-label="breadcrumb" class="d-none d-md-inline-block ml-md-4">
			<ol class="breadcrumb breadcrumb-links breadcrumb-dark">
				<li class="breadcrumb-item"><a href="{{url($url)}}"><i class="fas fa-home"></i></a></li>
				<li class="breadcrumb-item active" aria-current="page">{{$menu}}</li>
			</ol>
		</nav>
	</div>
</div>
@endsection

@section('content')
<div class="row">
	<div class="col">
		<div class="card">
			<!-- Card header -->
			<div class="card-header border-0">
				<div class="row">
					<div class="col-6">
						<h3 class="mb-0">{{$title}}</h3>
					</div>
					<div class="col-6 text-right">
						@if(\Helper::cekAkses('Transaksi','Tambah'))
						<a href="#!" type="button" data-toggle="modal" data-target="#import" class="btn btn-sm btn-success"><i class="fas fa-file-excel"> </i> Import Data</a>

						<a href="{{route('transaksi.create')}}" class="btn btn-sm btn-primary"><i class="fa fa-plus"> </i>Tambah Data</a>
						@endif
					</div>
				</div>
			</div>
			<div class="col-12">
                <form action="{{ route('transaksi.index') }}" method="GET" class="row">
                    <div class="form-group col-2"  style="margin-bottom:0 !important;">
                        <select name="status" id="status" class="select2-single form-control">
                            <option value="">Pilih Status</option>

                            <option value="dibuat" @if('dibuat' == $request->get('status')) selected @endif >
								dibuat
							</option>
                            <option value="dijadwal" @if('dijadwal' == $request->get('status')) selected @endif >
								dijadwal
							</option>
                            <option value="muat" @if('muat' == $request->get('status')) selected @endif >
								muat
							</option>
                            <option value="berangkat" @if('berangkat' == $request->get('status')) selected @endif >
								berangkat
							</option>
                            <option value="datang" @if('datang' == $request->get('status')) selected @endif >
								datang
							</option>
                            <option value="selesai" @if('selesai' == $request->get('status')) selected @endif >
								selesai
							</option>

                        </select>
                    </div>
                    <div class="form-group col-2"  style="margin-bottom:0 !important;">
                        <button type="submit" class="btn btn-success">Cari</button>
                    </div>
                </form>
            </div>
			<div class="table-responsive py-4">
				<table class="table table-flush" id="datatable-basic1">
					<thead class="thead-light">
						<tr>
							<th>No</th>
							<th>No. Reference</th>
							<th>Dealer Tujuan</th>
							<th>Tanggal Dibuat</th>
							<th>Start Picking</th>
							<th>End Picking</th>
							<th>Muat</th>
							<th>Keluar Gudang</th>
							<th>Tiba Di dealer</th>
							<th>Selesai</th>
							<th>Status</th>
							<th>Aksi</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td>
						</tr>
						<tr>
							<td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td>
						</tr>
						<tr>
							<td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td>
						</tr>
						<tr>
							<td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td>
						</tr>
						<tr>
							<td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td>
						</tr>
						<tr>
							<td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td>
						</tr>
						<tr>
							<td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td>
						</tr>
						<tr>
							<td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td>
						</tr>
						<tr>
							<td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td>
						</tr>
						<tr>
							<td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td>
						</tr>
						<tr>
							<td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td>
						</tr>
						<tr>
							<td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td>
						</tr>
						<tr>
							<td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td>
						</tr>
						<tr>
							<td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td>
						</tr>
						<tr>
							<td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td>
						</tr>
						<tr>
							<td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td>
						</tr>
						<tr>
							<td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td>
						</tr>
						<tr>
							<td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td>
						</tr>
						<tr>
							<td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td>
						</tr>
						<tr>
							<td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td><td>s</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
	</div>
</div>

<div class="modal fade" id="import">
	<div class="modal-dialog modal-lg" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title" id="exampleModalLabel">Import Excel</h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
			</div>
			<form method="POST" action="{{route('transaksi.import')}}" enctype="multipart/form-data">
				@csrf
				<div class="modal-body">
					<p class="text-success"><a href="{{ url('contoh-excel/contoh_import_transaksi.xlsx') }}" target="_blank">Download Contoh Format Import</a></p>
					<input type="file" name="import">
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
					<button type="submit" class="btn btn-primary" >Import</button>
				</div>
			</form>
		</div>
	</div>
</div>

@endsection

@push('scripts')
<script src="https://cdn.datatables.net/fixedcolumns/3.3.3/js/dataTables.fixedColumns.min.js"></script>
<script type="text/javascript">

	$(document).ready(function(){		
		$('#datatable-basic1').DataTable( {
				scrollY:        "650px",
        scrollX:        true,
        scrollCollapse: true,
        paging:         true,
        fixedColumns:   {
            leftColumns: 2,
        }
		} );
	});
</script>
@endpush