@extends("layouts.admin.app")
@section("page-title")
    {{__("Dashboard")}}
@endSection
@section("page-nav-title")
    <div class="app-title">
        <div>
            <h1><i class="fa fa-dashboard"></i>{{__("Receipts-orders-details")}}</h1>
            <p>{{__("all-Receipts-orders-details")}}</p>
        </div>
        <ul class="app-breadcrumb breadcrumb">
            <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
            <li class="breadcrumb-item"><a href="#">{{__("Dashboard")}}</a></li>
            <li class="breadcrumb-item"><a href="#">{{__("Receipts-orders-details")}}</a></li>
        </ul>
    </div>
@endsection

@section("content")
    @include("includes.dialog")
    <div class="row">
        <div class="col-md-12">
            <div class="tile">
                <div class="tile-body">
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="form-group row" style="margin-bottom: 1px">
                                <label
                                    style="font-size: 13px; @if(app()->getLocale() == 'ar') padding-right: 20px; @else padding-left: 20px; @endif width: 27%;"
                                    class="col-form-label"><b>{{__("number")}}</b></label>
                                <div class="col-sm-8">
                                    <input class="form-control @if($errors->has('number')) is-invalid @endif"
                                           type="text"
                                           name="number" id="number" placeholder="{{__("")}}"
                                           value="{{$Receipts->number}}" style="padding: 3px;font-size: 13px" disabled>
                                    @error("number")
                                    <div class="input-error" style="padding-top: 10px">{{$message}}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="form-group row" style="margin-bottom: 1px">
                                <label
                                    style="font-size: 13px; @if(app()->getLocale() == 'ar') padding-right: 20px; @else padding-left: 20px; @endif width: 27%;"
                                    class="col-form-label"><b>{{__("Order Number")}}</b></label>
                                <div class="col-sm-8">
                                    <input class="form-control @if($errors->has('name')) is-invalid @endif"
                                           type="text"
                                           name="number" id="number" placeholder="{{__("")}}"
                                           value="{{$Receipts->order->number}}" style="padding: 3px;font-size: 13px" disabled>
                                    @error("name")
                                    <div class="input-error" style="padding-top: 10px">{{$message}}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="form-group row" style="margin-bottom: 1px">
                                <label
                                    style="font-size: 13px; @if(app()->getLocale() == 'ar') padding-right: 20px; @else padding-left: 20px; @endif width: 27%;"
                                    class="col-form-label"><b>{{__("date")}}</b></label>
                                <div class="col-sm-8">
                                    <input class="form-control @if($errors->has('date')) is-invalid @endif"
                                           type="text"
                                           name="date" id="date" placeholder="{{__("")}}"
                                           value="{{$Receipts->date}}" style="padding: 3px;font-size: 13px" disabled>
                                    @error("date")
                                    <div class="input-error" style="padding-top: 10px">{{$message}}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="form-group row" style="margin-bottom: 1px">
                                <label
                                    style="font-size: 13px; @if(app()->getLocale() == 'ar') padding-right: 20px; @else padding-left: 20px; @endif width: 27%;"
                                    class="col-form-label"><b>{{__("type")}}</b></label>
                                <div class="col-sm-8">
                                    <input class="form-control @if($errors->has('type')) is-invalid @endif"
                                           type="text"
                                           name="date" id="date" placeholder="{{__("")}}"
                                           value="{{$Receipts->ReceiptType->type}}" style="padding: 3px;font-size: 13px" disabled>
                                    @error("type")
                                    <div class="input-error" style="padding-top: 10px">{{$message}}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="form-group row" style="margin-bottom: 1px">
                                <label
                                    style="font-size: 13px; @if(app()->getLocale() == 'ar') padding-right: 20px; @else padding-left: 20px; @endif width: 27%;"
                                    class="col-form-label"><b>{{__("Warehouse")}}</b></label>
                                <div class="col-sm-8">
                                    <input class="form-control @if($errors->has('warehouse')) is-invalid @endif"
                                           type="text"
                                           name="warehouse" id="warehouse" placeholder="{{__("")}}"
                                           value="{{$Receipts->store->name}}" style="padding: 3px;font-size: 13px" disabled>
                                    @error("warehouse")
                                    <div class="input-error" style="padding-top: 10px">{{$message}}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="form-group row" style="margin-bottom: 1px">
                                <label
                                    style="font-size: 13px; @if(app()->getLocale() == 'ar') padding-right: 20px; @else padding-left: 20px; @endif width: 27%;"
                                    class="col-form-label"><b>{{__("client-name")}}</b></label>
                                <div class="col-sm-8">
                                    <input class="form-control @if($errors->has('user_name')) is-invalid @endif"
                                           type="text"
                                           name="user_name" id="user_name" placeholder="{{ __("") }}"
                                           value="{{ $Receipts->order->salesOrder->client->en_name ?? "" }}"
                                           style="padding: 3px; font-size: 13px" disabled>

                                    @error("user_name")
                                    <div class="input-error" style="padding-top: 10px">{{$message}}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="tile">
                <div class="tile-body">
                    <div class="table-responsive">
                        <table class="table table-hover table-bordered text-center" id="sampleTable" style="padding: 3px;font-size: 13px">
                            <thead>
                            <tr>
                                <th style="width: 2%">#ID</th>
                                <th style="width: 18%">{{__("Purchased Items")}}</th>
                                <th style="width: 18%">{{__("Supplier")}}</th>
                                <th style="width: 18%">{{__("Purchased date")}}</th>
                                <th style="width: 10%">{{__("Purchased Qunatity")}}</th>
                                <th style="width: 10%">{{__("Reciept Qunatity")}}</th>
                            </tr>
                            </thead>
                            <tbody>
                            @php
                                $count = 0;
                            @endphp
                            @foreach($recieptdetails as $details)
                                <tr>
                                    <td>{{++$count}}</td>
                                    <td>{{$details->PurchasedItem ? $details->PurchasedItem->OrderDetails->Item->name : null}}</td>
                                    <td>{{$details->PurchasedItem ? $details->PurchasedItem->Supplier->ar_name : null}}</td>
                                    <td>{{$details->PurchasedItem ? $details->PurchasedItem->date : null}}</td>
                                    <td>{{$details->PurchasedItem ? $details->PurchasedItem->quantity : null}}</td>
                                    <td>{{$details->quantity}}</td>

                                </tr>
                            @endforeach
                            </tbody>
                        </table>

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

@endsection

@section("scripts")

    <!-- Data table plugin-->
    <script type="text/javascript" src="{{asset("assets/js/plugins/jquery.dataTables.min.js")}}"></script>
    <script type="text/javascript" src="{{asset("assets/js/plugins/dataTables.bootstrap.min.js")}}"></script>
    <script type="text/javascript">$('#sampleTable').DataTable({"bPaginate": false, "bInfo": false});</script>
    <!-- Google analytics script-->
    <script type="text/javascript">
        if (document.location.hostname == 'pratikborsadiya.in') {
            (function (i, s, o, g, r, a, m) {
                i['GoogleAnalyticsObject'] = r;
                i[r] = i[r] || function () {
                    (i[r].q = i[r].q || []).push(arguments)
                }, i[r].l = 1 * new Date();
                a = s.createElement(o),
                    m = s.getElementsByTagName(o)[0];
                a.async = 1;
                a.src = g;
                m.parentNode.insertBefore(a, m)
            })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
            ga('create', 'UA-72504830-1', 'auto');
            ga('send', 'pageview');
        }
        $("#status").select2({
            placeholder: "{{__('select-status')}}",
            width: "100%",
        });
        $("#filterBtn").click(function () {
            if ($("#status").val() == "") {
                swal({
                    icon: 'error',
                    title: '{{__('error')}}',
                    text: '{{__('select-status-error')}}',
                })
            } else {
                var url = '{{ route("admin.Receipts-orders.index", ":status") }}';
                url = url.replace(':status', $("#status").val());
                $("#link").attr("href", url);
            }
        })
    </script>
    <script type="text/javascript">
        $(".download-excel").click(function (e) {
            e.preventDefault();
            let status = $("#status-filter option:selected").data("value");
            $(this).siblings("input[name='status']").val(status);
            $("#form-excel").submit();
        });
    </script>
@endsection