@extends('layouts.employee')

@section('content')

<div class="request-wrapper">

<div class="request-panel">

<div class="top-head">
<h2>Request Kendaraan</h2>
<p>Pesan kendaraan untuk keperluan kantor</p>
</div>

<div class="vehicle-banner">
<h3 style="margin-bottom:5px;">
{{ $vehicle->vehicle_name }}
</h3>

<span style="margin-bottom:5px;">
{{ $vehicle->type }}
</span>
</div>

<form method="POST"
    action="/employee/request/{{ $vehicle->id }}/store">

    @csrf

<div class="row-2">

<div>
<label>Tanggal Dimulai</label>
<input type="date" name="start_date" required>
</div>

<div>
<label>Tanggal Berakhir</label>
<input type="date" name="end_date" required>
</div>

</div>

<label>Lokasi Awal</label>
<input type="text"
    name="origin"
    placeholder="Contoh: Kantor Balige">

<br><br>

<label>Tujuan Perjalanan</label>
<input type="text"
    name="destination"
    placeholder="Contoh: Tarutung">

<br><br>

<label>Catatan Rute</label>
<textarea
    name="route_notes"
    rows="3"
    placeholder="Jalur perjalanan atau keterangan tambahan"></textarea>

<br><br>

<label style="margin-top:18px;">Tujuan Pengunaan</label>
<textarea name="purpose" rows="5" placeholder="Masukkan tujuan Penggunaan..." required></textarea>

<button class="big-btn">
Simpan
</button>

</form>

</div>

</div>

@endsection