@extends('layouts/contentLayoutMaster')

@section('title', 'التقارير')

@section('vendor-style')
    <!-- vendor css files -->
    <link rel="stylesheet" href="{{ asset('vendors/css/forms/select/select2.min.css') }}">
@endsection

@section('content')
<section id="contextual-colors" class="card">
        <div class="card-content">
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title" style="color:#ffb800"> طلبات خارج الخدمة</h4>
                </div>
                <br/><br/>
                <div class="card-content">
                    <div class="card-body">
                            <div class="form-body">
                                <div class="row">
                                    <div class="col-md-12">
                                        <table class="table table-bordered">
                                                <thead class="thead-color">
                                                    <tr>
                                                    <th scope="col"> # </th>
                                                    <th scope="col"> اسم المستخدم</th>
                                                    <th scope="col">  العنوان</th>
                                                    <th scope="col"> الوقت</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach($OutOfService as $i=>$order)
                                                    <tr>
                                                        <td>{{$order->id}}</td>
                                                        <td><a href="{{route('users.view',$order->user_id)}}">{{$order->user->name}}</a></td>
                                                        <td>{{$order->address}}</td>
                                                        <td>{{$order->created_at}}</td>
                                                    </tr>
                                                    @endforeach
                                                </tbody>
                                        </table>
                                    </div>
                                    
                                </div>
                            </div>
                    </div>
                </div>
            </div>
        </div>
</section>
  {{-- Data list view end --}}
@endsection