@extends('company.layout.content')

@section('customTitle')
تفاصيل صيانة السيارة
@endsection

@section('customStyle')
<link href='{{ asset("company/$locale/assets/css/elements/alert.css") }}' rel="stylesheet" type="text/css" />
<link href='{{ asset("company/$locale/assets/css/components/tabs-accordian/custom-tabs.css") }}' rel="stylesheet" type="text/css" />
@endsection

@section('customBody')
<div id="content" class="main-content">
    <div class="container">
        <div class="container">
            <div class="row">
                <div id="flStackForm" class="col-12 layout-spacing layout-top-spacing">
                    <div class="statbox widget box box-shadow">
                        <div class="widget-header">
                            <div class="row">
                                <div class="col-12">
                                    <h4></h4>
                                </div>
                            </div>
                        </div>
                        <div class="widget-content widget-content-area">
                            <form action="" method="POST" enctype="multipart/form-data">
                                <div class="form-row mb-4">

                                    <div class="form-group col-12">
                                        <label for="">{{ __('company.car_maintenance.fields.title') }}</label>
                                        <input type="text" class="form-control" value="{{ $car_maintenance->title }}" readonly>
                                    </div>

                                    <div class="form-group col-md-3">
                                        <label for="">{{ __('company.car_maintenance.fields.car') }}</label>
                                        <input type="text" class="form-control" value="{{ $car_maintenance->car->models->name }} | {{ $car_maintenance->carDetails->plate }} | {{ $car_maintenance->car->model }}" readonly>
                                    </div>

                                    <div class="form-group col-md-3">
                                        <label for="">{{ __('company.car_maintenance.fields.start_date') }}</label>
                                        <input type="text" class="form-control" value="{{ $car_maintenance->start_date }}" readonly>
                                    </div>

                                    <div class="form-group col-md-3">
                                        <label for="">{{ __('company.car_maintenance.fields.end_date') }}</label>
                                        <input type="text" class="form-control" value="{{ $car_maintenance->end_date }}" readonly>
                                    </div>

                                    <div class="form-group col-md-3">
                                        <label for="">{{ __('company.car_maintenance.fields.status') }}</label>
                                        <input type="text" class="form-control" value="{{ __("company.car_maintenance.fields.$car_maintenance->status") }}" readonly>
                                    </div>

                                    <div class="form-group col-12">
                                        <label for="">{{ __('company.car_maintenance.fields.details') }}</label>
                                        <textarea class="form-control" rows="8" readonly>{{ $car_maintenance->notes }}</textarea>
                                    </div>
                                </div>
                                <hr style="border-top: 1px solid #2E9BD8;">
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('customScript')
<script>
    $("#cars-menu-box").attr("data-active", "true");
</script>
@endsection