@extends('dashboard.layouts.master')

@section('css')
    <!-- DataTables -->
    <link href="{{ URL::asset('dashboard/plugins/datatables/dataTables.bootstrap4.min.css') }}" rel="stylesheet"
        type="text/css" />
    <link href="{{ URL::asset('dashboard/plugins/datatables/buttons.bootstrap4.min.css') }}" rel="stylesheet"
        type="text/css" />
    <!-- Responsive datatable examples -->
    <link href="{{ URL::asset('dashboard/plugins/datatables/responsive.bootstrap4.min.css') }}" rel="stylesheet"
        type="text/css" />
    <!-- Sweet Alert -->
    <link href="{{ URL::asset('dashboard/plugins/sweet-alert2/sweetalert2.min.css') }}" rel="stylesheet" type="text/css">
@endsection

@section('breadcrumb')
    <div class="col-sm-6">
        <h4 class="page-title">{{ trans('labels.book_orders') }}</h4>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">{{ trans('labels.dashboard') }}</a></li>
            <li class="breadcrumb-item active">{{ trans('labels.book_orders') }}</li>
        </ol>
    </div>
    <div class="col-sm-6">
        <a href="{{ route('admin.book-orders.export-books-orders', ['status' => request()->status,'last_order' => request()->last_order]) }}" class="btn btn-success">
            طلب ملف excel
        </a>
        <form action="" method="GET" style="display: flex;">
            <input type="text" name="order_id" class="form-control">
            <button class="btn btn-primary">بحث</button>
        </form>
    </div>
@endsection

@section('content')
    <div style="margin-bottom: 30px; text-align: right;">
        <form action="{{ route('admin.book-orders.index') }}">
            <div class="row">
                <input name="status" value="{{request()->status}}" type="hidden">
                <div class="form-group mb-0 col-sm-10">
                    <label>ارقم اخر طلب</label>
                    <div>
                        <div class="input-daterange input-group" id="date-range">
                            <input type="number" class="form-control" name="last_order" value="" />
                        </div>
                    </div>
                </div>
                <div class="col-lg-2 align-self-center" style="margin-top: 25px;">
                    <input type="submit" class="btn btn-primary btn-block" value="تصفية">
                </div>
            </div>
        </form>
    </div>
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <!-- order list table view -->
                    <div class="table-rep-plugin">
                        <div class="table-responsive mb-0" data-pattern="priority-columns">
                            @if ($data->count() > 0)
                                <table id="datatable-buttons"
                                    class="table table-striped table-bordered dt-responsive nowrap"
                                    style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                                    <thead>
                                        <tr>
                                            <th>#</th>
                                            <th>التاريخ</th>
                                            <th>{{ trans('labels.name') }}</th>
                                            <th>المحافظة</th>
                                            <th>{{ trans('labels.phone') }}</th>
                                            <th>{{ trans('labels.address') }}</th>
                                            <th>{{ trans('labels.book') }}</th>
                                            <th>{{ trans('labels.quantity') }}</th>
                                            <th>{{ trans('labels.total_amount') }}</th>
                                            <th>{{ trans('labels.status') }}</th>
                                            <th>{{ trans('labels.action_by') }}</th>
                                            {{--<th></th>--}}
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($data as $key => $order)
                                                                                        @foreach($items as $key => $item)
                                                @if($key == 0)
                                                    <tr id="{{ $order->id }}">
                                                        <td rowspan="{{$items->count()}}">{{ $order->id }}</td>
                                                        <td rowspan="{{$items->count()}}">{{ $order->updated_at }}</td>
                                                        <td rowspan="{{$items->count()}}">{{ $order->name ?? null }}</td>
                                                        <td rowspan="{{$items->count()}}">{{ $order->gov }} || {{$order->city}}</td>
                                                        <td rowspan="{{$items->count()}}">{{ $order->phone }}</td>
                                                        <td rowspan="{{$items->count()}}">{{ $order->address}}</td>

                                                        <td>{{ $item->book->title ?? null }}</td>
                                                        <td>{{ $item->qty }}</td>
                                                        <td rowspan="{{$items->count()}}">{{ $order->total_amount }}</td>
                                                        <td rowspan="{{$items->count()}}">{!! $order->status() !!}</td>
                                                        <td rowspan="{{$items->count()}}">{{ $order->createdBy->name ?? null }}</td>
                                                        {{--<td rowspan="{{$items->count()}}">
                                                            @if ($order->requiredActionsArray())
                                                                <div class="btn-group show" role="group">
                                                                    <i id="btnGroupVerticalDrop1" style="cursor: pointer;"
                                                                        class="mdi mdi-dots-horizontal" data-toggle="dropdown"
                                                                        aria-haspopup="true" aria-expanded="true"></i>
                                                                    <div class="dropdown-menu"
                                                                        aria-labelledby="btnGroupVerticalDrop1"
                                                                        x-placement="top-start"
                                                                        style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(0px, -87px, 0px);">
                                                                        @foreach ($order->requiredActionsArray() as $element)
                                                                            <a class="dropdown-item addAction"
                                                                                data-name="{{ $element['name'] }}"
                                                                                data-action="{{ $element['action'] }}"
                                                                                data-modal="{{ $element['modal'] }}"
                                                                                href="{{ $element['action'] }}"
                                                                                {!! $element['html-identifier'] !!}
                                                                                data-title="{{ $element['title'] }}"
                                                                                data-input-append="{{ $element['input-append'] }}"
                                                                                data-input-type="{{ $element['input-type'] }}"
                                                                                data-input-validate-value="{{ $element['input-validate-value'] }}"
                                                                                data-input-validate-value="">{{ $element['title'] }}</a>
                                                                        @endforeach
                                                                    </div>
                                                                </div>
                                                            @endif
                                                        </td>--}}
                                                    </tr>
                                                @else
                                                    <tr>

                                                        <td>{{ $item->book->title ?? null }}</td>
                                                        <td>{{ $item->qty }}</td>
                                                    </tr>

                                                @endif
                                            @endforeach
                                        @endforeach

                                    </tbody>
                                </table>
                            @else
                            @endif

                            @if (request()->type == 'mine_pending')
                                <a class="btn btn-success" href="{{ route('admin.book-orders.request-new') }}">طلب عدد
                                    جديد</a>
                            @endif

                        </div>

                    </div>
                    <div class="row">
                        <div style="width: 100%;overflow-x: auto;display: block;">
                            {!!$data->withQueryString()->links('pagination::bootstrap-4')!!}
                        </div>
                    </div>
                    <!--<div class="row">-->
                    <!--    <div class="col-sm-12 col-md-5">-->
                    <!--        <div class="dataTables_info" id="datatable-buttons_info" role="status" aria-live="polite">-->
                    <!--            Showing-->
                    <!--            {{ $data->currentPage() == 1 ? '1' : $data->perPage() * ($data->currentPage() - 1) + 1 }}-->
                    <!--            to-->
                    <!--            {{ $data->currentPage() == $data->lastPage() ? $data->total() : $data->currentPage() * $data->perPage() }}-->
                    <!--            of {{ $data->total() }} entries-->
                    <!--        </div>-->
                    <!--    </div>-->
                    <!--    @if ($data->lastPage() > 1)-->
                    <!--        <div class="col-sm-12 col-md-7">-->
                    <!--            <div class="dataTables_paginate paging_simple_numbers" id="datatable-buttons_paginate">-->
                    <!--                <ul class="pagination">-->
                    <!--                    <li class="paginate_button page-item previous {{ $data->currentPage() == 1 ? ' disabled' : '' }}"-->
                    <!--                        id="datatable-buttons_previous">-->
                    <!--                        <a href="{{ $data->url(1) }}" aria-controls="datatable-buttons" data-dt-idx="0"-->
                    <!--                            tabindex="0" class="page-link">Previous</a>-->
                    <!--                    </li>-->
                    <!--