@extends('layouts.admin.app')

@section('content')
    <div class="main-content">
        <div id="contentDiv" class="">
            <div class="card">
                <div class="card-header">
                    <div class="title">Vehicle Model</div>
                    <div class="action-center">
                    </div>
                </div>
                <div class="card-body">
                    @if ($vehicle_model->exists)
                        <form method="POST" action="{{ route('vehicle_models.update', $vehicle_model->id) }}" class="form">
                            @method('PUT')
                        @else
                            <form method="POST" action="{{ route('vehicle_models.store') }}" class="form">
                    @endif
                    @csrf
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="mb-4">
                                <label for="" class="form-label">Type</label>
                                <select name="vehicle_type_id" id="vehicle_type_id" class="form-select" required>
                                    <option value="">Select</option>
                                    @foreach ($vehicle_types as $vehicle_type)
                                    <option value="{{ $vehicle_type->id }}" {{ $vehicle_model->vehicle_type_id == $vehicle_type->id ? 'selected' : '' }}>{{ $vehicle_type->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="mb-4">
                                <label for="" class="form-label">Brand</label>
                                <select name="vehicle_company_id" id="vehicle_company_id" class="form-select" required>
                                    <option value="">Select</option>
                                    @foreach ($vehicle_companies as $vehicle_company)
                                    <option value="{{ $vehicle_company->id }}" {{ $vehicle_model->vehicle_company_id == $vehicle_company->id ? 'selected' : '' }}>{{ $vehicle_company->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="mb-4">
                                <label for="" class="form-label">Name</label>
                                <input type="text" name="name" id="name" class="form-control"
                                    value="{{ $vehicle_model->name }}" placeholder="Enter model name" required>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="mb-4">
                                <label for="" class="form-label">Code</label>
                                <input type="text" name="code" id="code" class="form-control"
                                    value="{{ $vehicle_model->code }}" placeholder="Enter model code">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="d-flex justify-content-center align-items-center">
                            <button class="btn btn-success me-2">{{ $vehicle_model->exists ? 'Update' : 'Create'}}</button>
                            <a href="{{ route('vehicle_models.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