@extends('layouts.site')

@section('page_class', '')
@section('style')
    <style>
        tbody td {text-align: right; direction: rtl;}
        thead th {text-align: right; direction: rtl;}
        .middle_tr_color {background-color: #486598; color: #FFFFFF}
    </style>
@endsection
@section('content')

    <div id="content">
        <section class="banner2 banner-margin-zero">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 col-sm-6 ">
                        <h1>مقایسه خودرو</h1>
                    </div>

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

        <section class="vehicles-description">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12">
                        <div class="row" style="padding-top: 20px">


                                <form action="" method="post">
                                    @csrf
                                    <select name="car2" onchange="this.form.submit()" style="color: #FFFFFF">
                                        <option value="">انتخاب کنید</option>
                                        @foreach($cars as $car)
                                            <option value="{{ $car->id }}">{{ $car->fa_title }}</option>
                                        @endforeach
                                    </select>
                                </form>


                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="table-responsive">
                        <table class="table table-bordered table-striped" >
                                <tbody>
                                <tr style="background-color: #486598; color: #FFFFFF">
                                    <td>مشخصات ابعادی</td>
                                    <td>{{$car1 ? $car1->fa_title : ''}}</td>
                                    <td>{{$car2 ? $car2->fa_title : 'برای مقایسه از منوی بالا یک خودرو انتخاب کنید'}}</td>
                                </tr>
                                <tr>
                                    <td>ابعاد خودرو</td>
                                    <td>{{$car_dimensional1 ? $car_dimensional1->dimension : ''}}</td>
                                    <td>{{$car_dimensional2 ? $car_dimensional2->dimension : ''}}</td>
                                </tr>
                                <tr>
                                    <td>فاصله دو محور</td>
                                    <td>{{$car_dimensional1 ? $car_dimensional1->wheelbase : ''}}</td>
                                    <td>{{$car_dimensional2 ? $car_dimensional2->wheelbase : ''}}</td>
                                </tr>
                                <tr>
                                    <td>کمترین فاصله تا سطح زمین</td>
                                    <td>{{$car_dimensional1 ? $car_dimensional1->ground_clearance : ''}}</td>
                                    <td>{{$car_dimensional2 ? $car_dimensional2->ground_clearance : ''}}</td>
                                </tr>
                                <tr>
                                    <td>وزن خالص</td>
                                    <td>{{$car_dimensional1 ? $car_dimensional1->weight : ''}}</td>
                                    <td>{{$car_dimensional2 ? $car_dimensional2->weight : ''}}</td>
                                </tr>
                                <tr>
                                    <td>تعداد سرنشین</td>
                                    <td>{{$car_dimensional1 ? $car_dimensional1->seating_capacity : ''}}</td>
                                    <td>{{$car_dimensional2 ? $car_dimensional2->seating_capacity : ''}}</td>
                                </tr>
                                <tr>
                                    <td>حجم صندوق عقب</td>
                                    <td>{{$car_dimensional1 ? $car_dimensional1->trunk_capacity : ''}}</td>
                                    <td>{{$car_dimensional2 ? $car_dimensional2->trunk_capacity : ''}}</td>
                                </tr>
                                <tr>
                                    <td>سایز رینگ و تایر</td>
                                    <td>{{$car_dimensional1 ? $car_dimensional1->tire_size : ''}}</td>
                                    <td>{{$car_dimensional2 ? $car_dimensional2->tire_size : ''}}</td>
                                </tr>


                                <tr style="background-color: #486598; color: #FFFFFF">
                                    <td>مشخصات فنی</td>
                                    <td></td>
                                    <td></td>
                                </tr>
                                <tr>
                                    <td>مدل موتور</td>
                                    <td>{{$car_technical1 ? $car_technical1->engine_model : ''}}</td>
                                    <td>{{$car_technical2 ? $car_technical2->engine_model : ''}}</td>
                                </tr>
                                <tr>
                                    <td>حجم موتور</td>
                                    <td>{{$car_technical1 ? $car_technical1->engine_capacity : ''}}</td>
                                    <td>{{$car_technical2 ? $car_technical2->engine_capacity : ''}}</td>
                                </tr>
                                <tr>
                                    <td>تعداد سیلندر</td>
                                    <td>{{$car_technical1 ? $car_technical1->cylinder_count : ''}}</td>
                                    <td>{{$car_technical2 ? $car_technical2->cylinder_count : ''}}</td>
                                </tr>
                                <tr>
                                    <td>سیستم سوخت‌رسانی</td>
                                    <td>{{$car_technical1 ? $car_technical1->fuel_system : ''}}</td>
                                    <td>{{$car_technical2 ? $car_technical2->fuel_system : ''}}</td>
                                </tr>
                                <tr>
                                    <td>قدرت موتور</td>
                                    <td>{{$car_technical1 ? $car_technical1->engine_power : ''}}</td>
                                    <td>{{$car_technical2 ? $car_technical2->engine_power : ''}}</td>
                                </tr>
                                <tr>
                                    <td>گشتاور موتور</td>
                                    <td>{{$car_technical1 ? $car_technical1->engine_torque : ''}}</td>
                                    <td>{{$car_technical2 ? $car_technical2->engine_torque : ''}}</td>
                                </tr>
                                <tr>
                                    <td>گیربکس</td>
                                    <td>{{$car_technical1 ? $car_technical1->gearbox : ''}}</td>
                                    <td>{{$car_technical2 ? $car_technical2->gearbox : ''}}</td>
                                </tr>
                                <tr>
                                    <td>سیستم تعلیق</td>
                                    <td>{{$car_technical1 ? $car_technical1->suspension_system : ''}}</td>
                                </tr>
                                <tr>
                                    <td>استاندارد آلایندگی</td>
                                    <td>{{$car_technical1 ? $car_technical1->emission_standard : ''}}</td>
                                    <td>{{$car_technical2 ? $car_technical2->emission_standard : ''}}</td>
                                </tr>
                                <tr>
                                    <td>ظرفیت مخزن سوخت</td>
                                    <td>{{$car_technical1 ? $car_technical1->fuel_tank : ''}}</td>
                                    <td>{{$car_technical2 ? $car_technical2->fuel_tank : ''}}</td>
                                </tr>


                                <tr style="background-color: #486598; color: #FFFFFF">
                                    <td>مشخصات ایمنی</td>
                                    <td></td>
                                    <td></td>
                                </tr>
                                <tr>
                                    <td></td>
                                    <td style="white-space: pre-line;">{{$car_safety1 ? $car_safety1->detai : ''}}</td>
                                </tr>

                                <tr style="background-color: #486598; color: #FFFFFF">
                                    <td>مشخصات رفاهی</td>
                                    <td></td>
                                    <td></td>
                                </tr>
                                <tr>
                                    <td></td>
                                    <td style="white-space: pre-line;">{{$car_comfort1 ? $car_comfort1->detail : ''}}</td>
                                </tr>

                                </tbody>
                            </table>
                    </div>
                </div>

            </div>

        </section>


    </div>

@endsection