@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>
						@foreach($transaksi as $data)
						<tr>
							<td>{{$loop->iteration}}</td>
							<td>{{$data->reference}}</td>
							<td>{{$data->dealer->nama_dealer}}</td>
							<td>{{$data->tgl_transaksi}}</td>
							
							@if($data->status != 'dibuat')
							<td>
								@if ($data->start_picking)
									{{ $data->start_picking }}
								@else
								<form action="{{ route('transaksi.startPicking',$data->id) }}" method="POST">
									@csrf
									{{ method_field('PUT') }}
									<button class='btn btn-success btn-sm' type="submit" >Mulai Picking</button>
								</form>
								@endif
							</td>
							<td>
								@if ($data->end_picking )
									{{ $data->end_picking }}
								@elseif(!$data->start_picking)
									<form action="{{ route('transaksi.startPicking',$data->id) }}" method="POST">
										@csrf
										{{ method_field('PUT') }}
										<button class='btn btn-success btn-sm' type="submit" >Mulai Picking</button>
									</form>
								@else
									<form action="{{ route('transaksi.endPicking',$data->id) }}" method="POST">
										@csrf
										{{ method_field('PUT') }}
										<button class='btn btn-success btn-sm' type="submit" >End Picking</button>
									</form>
								@endif
							</td>
							
						@else
							<td colspan="2">
								<a href="{{ route('penjadwalan.edit', $data->id) }}"> <i class="text-danger">Silahkan Atur Penjadwalan Terlebih Dahulu</i> </a>
							</td>
							<td class="d-none"></td>
						@endif

							<td>
								{{$data->tgl_muat ?? "-"}}
							</td>
							<td>
								{{$data->tgl_berangkat ?? "-"}}
							</td>
							<td>
								{{$data->tgl_datang ?? "-"}}
							</td>
							<td>
								{{$data->tgl_selesai ?? "-"}}
							</td>
							<td class="text-center">
								<i> {{ $data->proses_text }} </i>
								<div class="progress" style="height: 15px;">
									<div class="progress-bar progress-bar-striped progress-bar-animated text-dark" role="progressbar" aria-valuenow="{{ $data->proses_persen }}" aria-valuemin="0" aria-valuemax="100" style="width: {{ $data->proses_persen }}%">
										<b>{{  $data->proses_persen  }}%</b>
									</div>
								</div>
							</td>
							<td>
								<form method="POST" action="{{route('transaksi.destroy', $data->id)}}">
									{{csrf_field()}}
									<input type="hidden" name="_method" value="DELETE">
									@if(\Helper::cekAkses('Transaksi','Ubah'))
										@if($data->status != "selesai")
										<a href="{{route('transaksi.edit', $data->id)}}" class="btn btn-sm btn-warning"><i class="fa fa-pen"> </i>Edit</a>
										@endif
									@endif
									<a href="{{route('transaksi.show', $data->id)}}" class="btn btn-sm btn-primary"><i class="fa fa-eye"> </i>Detail</a>
									@if(\Helper::cekAkses('Transaksi','Laporan Kerusakan'))
										@if($data->status == 'datang' || $data->status == 'selesai' )
										<a href="{{route('transaksi.lapor', $data->id)}}" class="btn btn-sm btn-primary"><i class="fa fa-plus"> </i>LKUAT</a>

										<a href="{{route('transaksi.defect', $data->id)}}" class="btn btn-sm btn-warning"><i class="fa fa-print"> </i>Print LKUAT</a>
										@endif
									@endif
									@if(\Helper::cekAkses('Transaksi','Hapus'))
										<button type="submit" class="btn btn-sm btn-danger" onclick="return hapus()"><i class="fa fa-trash"></i> Hapus</button>
									@endif
								</form>
							</td>
						</tr>
						@endforeach
					</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 type="text/javascript">

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