@extends('layouts.master')

@section('page_title', 'Pending Orders')
@section('title', 'Pending Orders')
@section('main_item', 'Sale')
@section('sub_item', 'Pending Orders')

@section('content')

    <div class="col-12">
        <div class="card">
            <div class="card-body">
                <h4 class="header-title mt-0">Pending Order Details</h4>
                <div class="table-responsive dash-social">
                    <table id="datatable" class="table table-hover">
                        <thead class="thead-dark">
                            <tr>
                                <th>Invoice No</th>
                                <th>Waybill No</th>
                                <th>Customer Name</th>
                                <th>Address</th>
                                <th>Delivery City</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            <form action="{{ route('pendings.store') }}" method="POST" target="_blank">
                                @csrf
                                @foreach ($sales as $sale)
                                    <tr>
                                        <td>{{ $sale->invoice_no }}</td>
                                        <td>
                                            @if (!empty($sale->waybill_no))
                                                {{ $sale->waybill_no }}
                                            @else
                                                N/A
                                            @endif
                                        </td>
                                        <td>{{ $sale->customer->name }}</td>
                                        <td>{{ $sale->customer->landmark }}</td>
                                        <td>{{ $sale->customer->city }}</td>
                                        <td>
                                            <div class="custom-control custom-checkbox">
                                                <input type="checkbox" name="orders[{{ $sale->id }}][check]"
                                                    class="custom-control-input" id="customCheck{{ $sale->id }}"
                                                    checked>
                                                <label class="custom-control-label"
                                                    for="customCheck{{ $sale->id }}"></label>
                                            </div>
                                            <input type="hidden" readonly value="{{ $sale->id }}"
                                                name="orders[{{ $sale->id }}][sale_id]">
                                        </td>
                                    </tr>
                                @endforeach
                        </tbody>
                    </table>
                </div>
                <button type="submit" formtarget="_blank" class="btn btn-primary px-4 float-right mt-0 mb-3"
                    id="sub_btn">Dispatch Orders & Print Dispatch Note</button>
                </form>
            </div>
            <!--end card-body-->
        </div>
        <!--end card-->
    </div>
@endsection
@section('scripts')
    <script>
        $("#sub_btn").click(function() {
            location.reload();
        })
    </script>
@endsection