@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>{{__("Delivery-orders-details")}}</h1>
        <p>{{__("all-Delivery-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="#">{{__("Delivery-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>{{__("order-type")}}</b></label>
                            <div class="col-sm-8">
                                <input class="form-control @if($errors->has('Supply_Team')) is-invalid @endif" type="text" name="Supply_Team" id="user_name" placeholder="{{__("")}}" value=" {{$Receipts->order->type->type}}" style="padding: 3px;font-size: 13px" disabled>
                                @error("Supply_Team")
                                <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 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>{{__("Supply Team")}}</b></label>
                            <div class="col-sm-8">
                                <input class="form-control @if($errors->has('Supply_Team')) is-invalid @endif" type="text" name="Supply_Team" id="user_name" placeholder="{{__("")}}" value=" {{$Receipts->receiptable->supply_team_name}}" style="padding: 3px;font-size: 13px" disabled>
                                @error("Supply_Team")
                                <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%">{{__("Code")}}</th>
                                <th style="width: 18%">{{__("Item")}}</th>
                                <th style="width: 18%">{{__("Unit")}}</th>
                                <th style="width: 10%">{{__("Qty")}}</th>
                                <th style="width: 10%">{{__("Notes")}}</th>
                            </tr>
                        </thead>
                        <tbody>
                                                        @foreach($orderItems as $orderItem)
                            <tr id="trControl{{++$serial_number}}">
                                <input type="hidden" value="{{$orderItem->id}}" id="id{{$serial_number}}">
                                <td style="text-align: center; padding: 5px 5px 5px 5px; margin: 0">{{$serial_number}}</td>
                                <td style="padding: 5px 5px 5px 5px; margin: 0">
                                    <input class="form-control" type="number" style="padding: 3px;font-size: 13px" id="code{{$serial_number}}" min="0" value="{{$orderItem->item->getItemCode()}}" required readonly>
                                </td>
                                <td style="padding: 5px 5px 5px 5px; margin: 0">
                                    <input class="form-control" type="text" style="padding: 3px;font-size: 13px" id="item{{$serial_number}}" min="0" value="{{$orderItem->item->name}}" required readonly>
                                </td>
                                <td style="padding: 5px 5px 5px 5px; margin: 0">
                                    <input class="form-control" type="text" style="padding: 3px;font-size: 13px;" id="unit{{$serial_number}}" value="{{$orderItem->item->unit->unit_name}}" required readonly>
                                </td>
                                <td style="padding: 5px 5px 5px 5px; margin: 0">
                                    <input class="form-control" type="number" style="padding: 3px;font-size: 13px" id="quantity{{$serial_number}}" min="0" value="{{$orderItem->quantity}}" required readonly>
                                </td>
                                <td style="padding: 5px 5px 5px 5px; margin: 0">
                                    <input class="form-control" type="text" style="padding: 3px;font-size: 13px" id="notes{{$serial_number}}" value="{{$orderItem->notes}}" required readonly>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
@endsection

@section("scripts")
    <script type="text/javascript">
        $("#employee").select2({
            placeholder: "{{__('select-employee-name')}}",
            width: "90%",
        });
        $("#store").select2({
            placeholder: "{{__('select-store')}}",
            width: "100%",
        });
        $("#sales_order_id").select2({
            placeholder: "{{__('select-sales-order-number')}}",
            width: "100%",
        });
        $("#status").select2({
            placeholder: "{{__('select-status')}}",
            width: "100%",
        });
        $("#purchase_type").select2({
            placeholder: "{{__('select-purchase-type')}}",
            width: "100%",
        });
    </script>
@endsection