@extends('dashboard.layouts.master')

@section('css')
    <!--Jquery steps CSS -->
    <link rel="stylesheet" href="{{ URL::asset('dashboard/plugins/jquery-steps/jquery.steps.css') }}">
    <link rel="stylesheet" href="{{ asset('dashboard//plugins/summernote/summernote-bs4.css') }}">
@endsection

@section('breadcrumb')
    <div class="col-sm-6">
        <h4 class="page-title">طلبات الشحن</h4>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">{{ trans('labels.dashboard') }}</a></li>
            <li class="breadcrumb-item active">شحن تالطلبات</li>
        </ol>
    </div>
@endsection

@section('content')
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-body">
                    <form id="form-horizontal" class="form-horizontal form-wizard-wrapper"
                        action="{{ route('admin.book-orders.ship-all') }}" method="post" enctype="multipart/form-data">
                        @csrf
                        <fieldset style="margin-top: 20px;">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="form-group row">
                                        <label for="ship_number"
                                            class="col-lg-2 col-form-label">عدد الطلبات المراد شحنها</label>
                                        <div class="col-lg-10">
                                            <input id="ship_number" name="ship_number" type="number"
                                                class="required form-control @error('ship_number') is-invalid @enderror"
                                                value="{{ old('ship_number') }}" required>
                                            @error('ship_number')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="form-group row">
                                        <label for="book_id"
                                            class="col-lg-2 col-form-label">تحديد كتاب محدد</label>
                                        <div class="col-lg-10">
                                            <select name="book_id" class="form-control">
                                                <option value="">---جميع الكتب---</option>
                                                @foreach($books as $book)
                                                    <option value="{{$book->id}}">{{$book->title}}</option>
                                                @endforeach
                                            </select>
                                            @error('book_id')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group col-md-12 ">
                                    <button type="submit" class="btn btn-primary" style="float: left;">
                                        انشاء طلبات الشحن
                                    </button>
                                </div>
                            </div>

                        </fieldset>
                    </form>

                </div>
            </div>
        </div> <!-- end col -->
    </div>
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <form>
                        <div style="display:flex">
                            <label style="margin-left:10px">من</label>
                            <input name="from_date" type="datetime-local" class="form-control" style="margin-left:10px" value="{{$from_date}}">
                            <label style="margin-left:10px">الى</label>
                            <input name="to_date" type="datetime-local" class="form-control " style="margin-left:10px" value="{{$to_date}}">
                            <input type="submit" value="check" class="btn btn-success btn-sm" style="margin-left:10px">
                        </div>
                        
                    </form>
                </div>
            </div>
        </div>
    </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">
                            <table id="datatable-buttonss"
                                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>العدد الحالي</th>
                                        <th>بواسطة</th>
                                        <th>#</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($patches as $key => $patch)
                                        <tr>
                                            <td>{{$patch->created_at}}</td>
                                            <td>{{$patch->patch_number}}</td>
                                            <td>{{$patch->ordersCount()}}</td>
                                            <td>{{$patch->creator->name}}</td>
                                            <td>
                                                <a href="{{route('admin.book-orders.print-patch', $patch->id)}}" class="btn btn-primary">
                                                    <i class="fa fa-print"></i>
                                                    طبعة البوليصة
                                                </a>
                                            </td>
                                        </tr>            
                                    @endforeach

                                </tbody>
                            </table>

                        </div>
                    </div>
                </div>
            </div>
        </div> <!-- end col -->
    </div> <!-- end row -->
@endsection

@section('script')
    <!-- form wizard -->
    <script src="{{ URL::asset('dashboard/plugins/jquery-steps/jquery.steps.min.js') }}"></script>

    <script src="{{ URL::asset('js/book-creation.js') }}"></script>
    <script src="{{ asset('dashboard/plugins/summernote/summernote-bs4.min.js') }}"></script>
    <script>
        $('.summernote').summernote({
            height: 200
        });
    </script>
@endsection
@section('script-bottom')
    <script type="text/javascript">
        $(function() {
            $("#form-horizontall").steps({
                labels: {
                    finish: "