@extends('company.layout.content')

@section('customTitle')
{{ 'الفحوصات' }}
@endsection

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

@section('customBody')
<div id="content" class="main-content">
    <div class="layout-px-spacing">

        <div class="row layout-top-spacing">
            <div class="col-12 layout-spacing">
                <div class="widget-content widget-content-area br-6">
                    <div id="multi-column-ordering_wrapper" class="dataTables_wrapper container-fluid dt-bootstrap4">
                        <div class="table-responsive">
                            <table id="multi-column-ordering" class="table table-hover dataTable text-center" style="width: 100%;" role="grid" aria-describedby="multi-column-ordering_info">
                                <thead>
                                    <tr role="row">
                                        <th class="sorting_asc" tabindex="0" aria-controls="multi-column-ordering" rowspan="1" colspan="1" aria-sort="ascending" aria-label="Name: activate to sort column descending" style="width: 50px;">
                                            اسم الفرع</th>
                                        <th class="sorting_asc" tabindex="0" aria-controls="multi-column-ordering" rowspan="1" colspan="1" aria-sort="ascending" aria-label="Name: activate to sort column descending" style="width: 50px;">
                                            اسم السيارة</th>
                                        <th class="sorting_asc" tabindex="0" aria-controls="multi-column-ordering" rowspan="1" colspan="1" aria-sort="ascending" aria-label="Name: activate to sort column descending" style="width: 50px;">
                                            الجانب الأيمن</th>
                                        <th class="sorting" tabindex="0" aria-controls="multi-column-ordering" rowspan="1" colspan="1" aria-label="Position: activate to sort column ascending" style="width: 118px;">الجانب الأيسر</th>
                                        <th class="sorting" tabindex="0" aria-controls="multi-column-ordering" rowspan="1" colspan="1" aria-label="Office: activate to sort column ascending" style="width: 118px;">الجانب الأمامي والخلفي</th>
                                        <th class="sorting" tabindex="0" aria-controls="multi-column-ordering" rowspan="1" colspan="1" aria-label="Age: activate to sort column ascending" style="width: 60px;">الجانب العلوي</th>
                                        <th class="sorting" tabindex="0" aria-controls="multi-column-ordering" rowspan="1" colspan="1" aria-label="Age: activate to sort column ascending" style="width: 60px;">الأميال</th>
                                        <th class="sorting" tabindex="0" aria-controls="multi-column-ordering" rowspan="1" colspan="1" aria-label="Salary: activate to sort column ascending" style="width: 102px;">خيارات</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($checks as $check)
                                    <tr role="row">
                                        <td>{{ $check->branch->ar_name }}</td>
                                        <td>{{ $check->car->models->ar_name }}</td>
                                        <td>{{ $check->right_side }}</td>
                                        <td>{{ $check->left_side }}</td>
                                        <td>{{ $check->front_back_side }}</td>
                                        <td>{{ $check->top_side }}</td>
                                        <td>{{ $check->mileage }}</td>
                                        <td>
                                            <ul class="table-controls">
                                                <li>
                                                    <a href="{{route('company.check.edit', ['check' => $check->id])}}" data-toggle="tooltip" data-placement="top" title="" data-original-title="تعديل">
                                                        <i class="las la-edit text-success"></i>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#" onclick="event.preventDefault();document.getElementById('destroy-form').submit();" data-toggle="tooltip" data-placement="top" title="" data-original-title="حذف">
                                                        <i class="las la-trash text-danger"></i>
                                                        <form id="destroy-form" action="{{ route('company.check.destroy', ['check' => $check->id]) }}" method="POST" style="display: none;">
                                                            @method('DELETE')
                                                            @csrf
                                                        </form>
                                                    </a>
                                                </li>
                                            </ul>
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                                <tfoot>
                                    <tr>
                                        <th rowspan="1" colspan="1">اسم الفرع</th>
                                        <th rowspan="1" colspan="1">اسم السيارة</th>
                                        <th rowspan="1" colspan="1">الجانب الأيمن</th>
                                        <th rowspan="1" colspan="1">الجانب الأيسر</th>
                                        <th rowspan="1" colspan="1">الجانب الأمامي والخلفي</th>
                                        <th rowspan="1" colspan="1">الجانب العلوي</th>
                                        <th rowspan="1" colspan="1">الأميال</th>
                                        <th rowspan="1" colspan="1">خيارات</th>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
@endsection