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

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

<section>
    <div class="container-fluid">
        <div class="card">
            <div class="card-header mt-2">
                <h3 class="text-center">Challan Report</h3>
            </div>
            <form action="{{route('report.challan')}}" method="get">
                <div class="row mb-3">
                    <div class="col-md-3 offset-md-1  mt-3">
                        <div class="form-group row">
                            <label class="d-tc mt-2"><strong>Based On</strong> &nbsp;</label>
                            <div class="d-tc">
                                <div class="input-group">
                                    <select name="based_on" class="form-control">
                                        @if($based_on == 'created_at')
                                            <option value="date">Created Date</option>
                                            <option value="closing_date">Closing Date</option>
                                        @else
                                            <option value="created_at">Created Date</option>
                                            <option selected value="closing_date">Closing Date</option>
                                        @endif
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 mt-3">
                        <div class="form-group row">
                            <label class="d-tc mt-2"><strong>Starting Date</strong> &nbsp;</label>
                            <div class="d-tc">
                                <div class="input-group">
                                    <input type="text" class="date form-control" name="starting_date" value="{{$starting_date}}" required />
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 mt-3">
                        <div class="form-group row">
                            <label class="d-tc mt-2"><strong>Ending Date</strong> &nbsp;</label>
                            <div class="d-tc">
                                <div class="input-group">
                                    <input type="text" class="date form-control" name="ending_date" value="{{$ending_date}}" required />
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-2 mt-5">
                        <div class="form-group">
                            <button class="btn btn-primary" type="submit">Submit</button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <div class="table-responsive">
        <table id="challan-table" class="table table-striped">
            <thead>
                <tr>
                    <th class="not-exported"></th>
                    <th>Challan No</th>
                    <th>Order No</th>
                    <th>Order Date</th>
                    <th>code</th>
                    <th>Delivery Date</th>
                    <th>Sales Amount</th>
                    <th>Cash Payment</th>
                    <th>Online Payment</th>
                    <th>Cheque Payment</th>
                    <th>Shipping Income</th>
                    <th>Delivery Charge</th>
                    <th>Net</th>
                    <th>Net Cash</th>
                </tr>
            </thead>
            <tbody>
                @foreach($challan_data as $challan)
                                    @foreach($packingSlipList as  $key => $packingSlipId)