230 lines
16 KiB
PHP
Executable File
230 lines
16 KiB
PHP
Executable File
@extends('app.app')
|
|
@section('title')
|
|
Add Transactions
|
|
@endsection
|
|
@section('customcss')
|
|
|
|
@endsection
|
|
@section('content')
|
|
<div class="container-fluid">
|
|
<div class="content">
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<div class="card bg-light">
|
|
<div class="card-header">
|
|
<div class="row d-flex align-items-center">
|
|
<div class="col">
|
|
<p class="card-title text-bold mb-0">Order Details</p>
|
|
</div>
|
|
<div class="col text-end">
|
|
<button class="btn btn-sm btn-danger">
|
|
<span class="ion-plus"></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<p class="card-title text-bold mb-0">Client Details</p>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="row align-items-center">
|
|
<div class="col">
|
|
<select name="" id="" class="select2 w-100 form-control">
|
|
<option value="" selected disabele>Select Client</option>
|
|
<option value="">SiCepat</option>
|
|
<option value="">JNE</option>
|
|
<option value="">J&T</option>
|
|
<option value="">TIKI</option>
|
|
</select>
|
|
</div>
|
|
<div class="col">
|
|
<div class="">
|
|
<select name="" id="" class="select2 w-100 form-control">
|
|
<option value="" selected disabele>Pickup Location</option>
|
|
<option value="">Location 1</option>
|
|
<option value="">Location 2</option>
|
|
<option value="">Location 3</option>
|
|
<option value="">Location 4</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col-2">
|
|
<input type="time" class="form-control form-control-sm" id="" placeholder="Pickup Time">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card mb-0">
|
|
<div class="card-header">
|
|
<div class="row d-flex align-items-center">
|
|
<div class="col">
|
|
<p class="card-title text-bold mb-0">Destination</p>
|
|
</div>
|
|
<div class="col text-end">
|
|
<button class="btn btn-sm btn-danger">
|
|
<span class="ion-plus"></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<div class="mb-3">
|
|
<select name="" id="" class="select2 w-100 form-control">
|
|
<option value="" selected disabele>Select Provinsi</option>
|
|
<option value="">Provinsi 1</option>
|
|
<option value="">Provinsi 2</option>
|
|
<option value="">Provinsi 3</option>
|
|
<option value="">Provinsi 4</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<div class="mb-3">
|
|
<select name="" id="" class="select2 w-100 form-control">
|
|
<option value="" selected disabele>Select Kota/Kabupaten</option>
|
|
<option value="">Kota/Kabupaten 1</option>
|
|
<option value="">Kota/Kabupaten 2</option>
|
|
<option value="">Kota/Kabupaten 3</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<div class="mb-3">
|
|
<select name="" id="" class="select2 w-100 form-control">
|
|
<option value="" selected disabele>Select Kecamatan</option>
|
|
<option value="">Kecamatan 1</option>
|
|
<option value="">Kecamatan 2</option>
|
|
<option value="">Kecamatan 3</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<div class="">
|
|
<select name="" id="" class="select2 w-100 form-control">
|
|
<option value="" selected disabele>Select Kelurahan</option>
|
|
<option value="">Kelurahan 1</option>
|
|
<option value="">Kelurahan 2</option>
|
|
<option value="">Kelurahan 3</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-12">
|
|
<select name="" id="" class="select2 w-100 form-control">
|
|
<option value="" selected disabele>Select Warehouse</option>
|
|
<option value="">Suhayl Angus Kumar</option>
|
|
<option value="">Oliver Methuselah Oriana</option>
|
|
<option value="">Eileithyia Markas Dima</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-auto">
|
|
<button class="btn btn-sm btn-secondary">
|
|
<span class="ion-minus"></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<p class="card-title text-bold mb-0">Items</p>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="form-group mb-3">
|
|
<input type="text" class="form-control form-control-sm" id="" placeholder="Input Ref Number">
|
|
</div>
|
|
<div class="table-responsive">
|
|
<table class="table table-striped table-hover mb-0">
|
|
<thead>
|
|
<tr class="">
|
|
<th class="">#</th>
|
|
<th class="">Ref Number</th>
|
|
<th class="">Destination</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr class="">
|
|
<td class="">1</td>
|
|
<td class="">KL8098288hAs1</td>
|
|
<td class="">
|
|
<select name="" class="form-control form-control-sm select2" id="">
|
|
<option value="" selected disabled>Select Warehouse</option>
|
|
<option value="">Warehouse 1</option>
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
<tr class="">
|
|
<td class="">2</td>
|
|
<td class="">HJ89827891KKS</td>
|
|
<td class="">
|
|
<select name="" class="form-control form-control-sm select2" id="">
|
|
<option value="" selected disabled>Select Warehouse</option>
|
|
<option value="">Warehouse 1</option>
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-auto">
|
|
<button class="btn btn-sm btn-secondary">
|
|
<span class="ion-minus"></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<p class="card-title text-bold mb-0">Fleet Management</p>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="mb-3">
|
|
<select name="" id="" class="select2 w-100 form-control">
|
|
<option value="" selected disabele>Select Vehicle</option>
|
|
<option value="">B 1234 XYZ</option>
|
|
<option value="">B 1235 XYZ</option>
|
|
<option value="">B 1236 XYZ</option>
|
|
</select>
|
|
</div>
|
|
<div class="">
|
|
<select name="" id="" class="select2 w-100 form-control">
|
|
<option value="" selected disabele>Select Driver</option>
|
|
<option value="">Suhayl Angus Kumar</option>
|
|
<option value="">Oliver Methuselah Oriana</option>
|
|
<option value="">Eileithyia Markas Dima</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-12">
|
|
<a href="{{ route('view_transactions') }}" class="btn btn-sm btn-secondary">Cancel</a>
|
|
<button class="btn btn-sm btn-warning">Save as Draft</button>
|
|
<button class="btn btn-sm btn-danger">Submit</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endsection
|
|
|
|
@section('customjs')
|
|
<script>
|
|
$('.dataTable').DataTable();
|
|
</script>
|
|
@endsection
|