@extends('layouts.master')

@section('title') Create Vehicle @endsection

@section('content')

@component('components.breadcrumb')
    @slot('li_1') Dashboard @endslot
    @slot('title') Create Vehicle @endslot
@endcomponent

<div class="row">
    <div class="col-xl-12">
        <div class="card">
            <div class="card-body">

                @if(session('success'))
                    <div class="alert alert-success">
                        {{ session('success') }}
                    </div>
                @endif

                @if($errors->any())
                    <div class="alert alert-danger">
                        <ul class="mb-0">
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif

                <a href="{{ url('view-vehicle') }}">
                    <button class="btn btn-danger float-end">
                        Close Form
                    </button>
                </a>

                <br><br>

                <form action="{{ url('save-new-vehicle') }}" method="POST">
                    @csrf

                    <div class="row">

                        <div class="col-md-6 mb-3">
                            <label>Brand</label>
                            <select name="brand" class="form-control">
                                <option value="">Select Brand</option>

                                @foreach($brand as $brands)
                                    <option value="{{ $brands->id }}"
                                        {{ old('brand') == $brands->id ? 'selected' : '' }}>
                                        {{ $brands->name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>

                        <div class="col-md-6 mb-3">
                            <label>Model</label>
                            <input type="text" name="model" class="form-control"
                                value="{{ old('model') }}">
                        </div>

                        <div class="col-md-6 mb-3">
                            <label>capacity</label>
                            <input type="number" name="capacity" class="form-control"
                                value="{{ old('capacity') }}">
                        </div>

                        <div class="col-md-6 mb-3">
                            <label>Car Registration</label>
                            <input type="text" name="plateno" class="form-control"
                                value="{{ old('plateno') }}">
                        </div>

                        <div class="col-md-4 mb-3">
                            <label>Price Days</label>
                            <input type="text" name="priceday" class="form-control"
                                value="{{ old('priceday') }}">
                        </div>

                        <div class="col-md-4 mb-3">
                            <label>Weekly Days</label>
                            <input type="text" name="priceweek" class="form-control"
                                value="{{ old('priceweek') }}">
                        </div>

                        <div class="col-md-4 mb-3">
                            <label>Monthly Days</label>
                            <input type="text" name="pricemonthly" class="form-control"
                                value="{{ old('pricemonthly') }}">
                        </div>

                    </div>

                    <button type="submit" class="btn btn-primary">
                        Save Project
                    </button>

                </form>

            </div>
        </div>
    </div>
</div>

@endsection

@section('script')
<script src="{{ URL::asset('build/libs/parsleyjs/parsley.min.js') }}"></script>
<script src="{{ URL::asset('build/js/pages/form-validation.init.js') }}"></script>
@endsection