@include('header')

<div class="x_panel">
    <div class="x_title">
        <div style="display: flex; justify-content: space-between ">
            <h2>مشاهده سفارشات
                <span style="color: #ff9900">جاری</span>
            </h2>
            <p style="color: red"> جهت لغو سفارش به صفحه جزئیات سفارش رجوع کنید</p>
        </div>




        <ul class="nav navbar-right panel_toolbox">
            <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
            </li>
        </ul>
        <div class="clearfix"></div>
    </div>
    <div class="x_content">
        <div id="datatable-fixed-header_wrapper" class="dataTables_wrapper form-inline dt-bootstrap no-footer">

            <div class="row">
                <div class="col-sm-12">
                    <table id="datatable-responsive" class="table table-striped table-bordered dataTable no-footer"
                           role="grid" aria-describedby="datatable-fixed-header_info">
                        <thead>
                        <tr role="row">
                            <th class="sorting_asc" tabindex="0" aria-controls="datatable-fixed-header" rowspan="1"
                                colspan="1" aria-sort="ascending" aria-label="نام: activate to sort column descending">#
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="datatable-fixed-header" rowspan="1"
                                colspan="1" aria-label="حقوق: activate to sort column ascending">
                                شماره سفارش
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="datatable-fixed-header" rowspan="1"
                                colspan="1" aria-label="جایگاه: activate to sort column ascending">مشخصات
                                کاربر
                            </th>

                            <th class="sorting" tabindex="0" aria-controls="datatable-fixed-header" rowspan="1"
                                colspan="1" aria-label="تاریخ شروع: activate to sort column ascending">آدرس
                            </th>

                            <th class="sorting" tabindex="0" aria-controls="datatable-fixed-header" rowspan="1"
                                colspan="1" aria-label="حقوق: activate to sort column ascending">
                                روز و ساعت درخواست شده
                            </th>

                            <th class="sorting" tabindex="0" aria-controls="datatable-fixed-header" rowspan="1"
                                colspan="1" aria-label="حقوق: activate to sort column ascending">
                                نوع درخواست
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="datatable-fixed-header" rowspan="1"
                                colspan="1" aria-label="حقوق: activate to sort column ascending">
                                زمان سفارش
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="datatable-fixed-header" rowspan="1"
                                colspan="1" aria-label="حقوق: activate to sort column ascending">
                              استادکار
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="datatable-fixed-header" rowspan="1"
                                colspan="1" aria-label="حقوق: activate to sort column ascending">
                                مدیریت اطلاعات
                            </th>
                        </tr>
                        </thead>

                        <tbody>

                        @foreach($items as $item)
                            <tr role="row" class="odd">
                                <td>{{$item->id}}</td>
                                <td>{{$item->order_number}}</td>
                                <td>{{$item->user_name}} - {{$item->user_phone}}</td>
                                <td>{{$item->address}}</td>
                                <td>{{$item->weekday}} {{$item->date}}-{{$item->time}}</td>
                                <td>{{$item->service}}</td>
                                <td>{{$item->created_date}}</td>
                                <td>{{$item->worker_name}} - {{$item->worker_phone}}
                                </td>
                                <td>
                                    <a href="/panel/order_details_page?order_id={{$item->id}}" class="table_btn"> مشاهده
                                        جزئیات</a>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>

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

@include('footer')