@extends('backend.layout.main')
@section('content')

<x-error-message key="message" />

<section class="forms">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header d-flex align-items-center">
                        <h4>Finalize Challan</h4>
                    </div>
                    <div class="card-body">
                        <p class="italic"><small>The field labels marked with * are required input fields.</small></p>
                        <form action="{{route('challan.update', $challan->id)}}" method="post">
                        @csrf
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label><strong>Reference No</strong> </label>
                                        <p>{{'DC-'.$challan->reference_no}}</p>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label><strong>Date</strong> </label>
                                        <p>{{date(config('date_format'), strtotime($challan->created_at))}}</p>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label><strong>Rider/Courier</strong> </label>
                                        <p>{{$challan->courier->name.' ['.$challan->courier->phone_number.']'}}</p>
                                    </div>
                                </div>
                                <div class="col-md-12 mt-3">
                                    <h5>Order List</h5>
                                                                        <div class="table-responsive">
                                        <table class="table table-hover" id="flat-type-table">
                                            <thead>
                                                <tr>
                                                    <th>PS Reference</th>
                                                    <th>Order Reference</th>
                                                    <th>Amount</th>
                                                    <th>Cash</th>
                                                    <th>Cheque</th>
                                                    <th>Online Payment</th>
                                                    <th>Delivery Charge</th>
                                                    <th class="d-none">Return</th>
                                                    <th class="d-none">Return Note</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach($packing_slip_list as $key=>$packing_slip_id)