@extends('layouts.admin.app')

@section('content')
    <div class="main-content">
        <div id="contentDiv" class="">
            <div class="card">
                <div class="card-header">
                    <div class="title">New Vehicle</div>
                    <div class="action-center">
                    </div>
                </div>
                <div class="card-body">
                    @if ($vehicles->exists)
                        <form method="POST" action="{{ route('vehicles.update', $vehicles->id) }}" class="form">
                            @method('PUT')
                        @else
                            <form method="POST" action="{{ route('vehicles.store') }}" class="form">
                    @endif
                    @csrf
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="mb-4">
                                <label for="" class="form-label">Seller</label>
                                <select name="seller_id" id="seller_id" class="form-select" required>
                                    <option value="">Select</option>
                                    @foreach ($sellers as $seller)
                                        <option value="{{ $seller->id }}"
                                            {{ old('seller_id', $vehicles->seller_id) == $seller->id ? 'selected' : '' }}>
                                            {{ $seller->user->name }}
                                        </option>
                                    @endforeach
                                </select>
                                @if ($errors->has('seller_id'))
                                    <span class="error">{{ $errors->first('seller_id') }}</span>
                                @endif
                            </div>
                            <hr>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="mb-4">
                                <label for="" class="form-label">Vehicle Model</label>
                                <select name="vehicle_model_id" id="vehicle_model_id" class="form-select" required>
                                    <option value="">Select</option>
                                    @foreach ($vehicle_models as $vehicle_model)
                                        <option value="{{ $vehicle_model->id }}"
                                            {{ old('vehicle_model_id', $vehicles->vehicle_model_id) == $vehicle_model->id ? 'selected' : '' }}>
                                            {{ $vehicle_model->name }}
                                        </option>
                                    @endforeach
                                </select>
                                @if ($errors->has('vehicle_model_id'))
                                    <span class="error">{{ $errors->first('vehicle_model_id') }}</span>
                                @endif
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="mb-4">
                                <label for="" class="form-label">Manufractured Year</label>
                                <input type="text" name="manufacturing_year" id="manufacturing_year" class="form-control"
                                    placeholder="YYYY" value="{{ old('manufacturing_year') }}">
                                @if ($errors->has('manufacturing_year'))
                                    <span class="error">{{ $errors->first('manufacturing_year') }}</span>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="mb-4">
                                <label for="" class="form-label">Registration Number</label>
                                <input type="text" name="registration_number" id="registration_number"
                                    class="form-control" placeholder="" value="{{ old('registration_number') }}">
                                @if ($errors->has('registration_number'))
                                    <span class="error">{{ $errors->first('registration_number') }}</span>
                                @endif
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="mb-4">
                                <label for="" class="form-label">Color</label>
                                <input type="text" name="color" id="color" class="form-control"
                                    placeholder="Eg. Black, White, Dark Red,..." value="{{ old('color') }}">
                                @if ($errors->has('color'))
                                    <span class="error">{{ $errors->first('color') }}</span>
                                @endif
                            </div>
                        </div>
                    </div>
                    <hr>
                    <div class="text-center h6 mb-4">Pricing</div>
                    <div class="row">
                        @foreach ($rental_periods as $rental_period)
                            <div class="col-md-4">
                                <div class="bg-light border rounded mb-4">
                                    <div class="text-center text-primary h6 p-2 mt-2">{{ $rental_period->name }}</div>
                                    <div class="row px-3">
                                        <div class="col-md-12">
                                            <div class="mb-4">
                                                <label for="" class="form-label">Rate</label>
                                                <input type="text" name="rate[]" id="rate__{{ $rental_period->id }}" class="form-control"
                                                    placeholder="" value="{{ old('rate__'.$rental_period->id) }}">
                                                @if ($errors->has('registration_number'))
                                                    <span class="error">{{ $errors->first('registration_number') }}</span>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="mb-4">
                                                <label for="" class="form-label">Maximum Limit(km)</label>
                                                <input type="text" name="maximum_limit[]" id="maximum_limit__{{ $rental_period->id }}"
                                                    class="form-control" placeholder=""
                                                    value="{{ old('maximum_limit__'.$rental_period->id) }}">
                                                @if ($errors->has('registration_number'))
                                                    <span class="error">{{ $errors->first('registration_number') }}</span>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="mb-4">
                                                <label for="" class="form-label">Additional Fee(?/km)</label>
                                                <input type="text" name="additional_fee[]" id="additional_fee__{{ $rental_period->id }}"
                                                    class="form-control" placeholder=""
                                                    value="{{ old('additional_fee__'.$rental_period->id) }}">
                                                
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                    <div class="row">
                        <div class="d-flex justify-content-center align-items-center">
                            <button class="btn btn-success me-2">{{ $vehicles->exists ? 'Update' : 'Create' }}</button>
                            <a href="{{ route('vehicles.index') }}" class="btn btn-danger">Cancel</a>
                        </div>
                    </div>
                    </form>
                </div>
            </div>
        </div>
        <div id="interactionBar">
            <div class="inner-content">
                <div class="copyright-info">
                    <p>&#169; Copyright 2024 - Redigoo. All rights reserved.</p>
                </div>
            </div>
        </div>
    </div>
@endsection