@extends('layouts.erp_theme_01')
@section('content')

    <div class="row">

        <div class="col-md-12  mt-3">


            <div class="card ">
                <div class='card-body'>

                    <div class="row">
                        <div class="col-12">
                            <h3 class="title">Orders Report</h3>
                        </div>
                    </div>

                    <form class="row row-cols-lg-auto g-3 align-items-center" method="get"
                          action="{{ URL::to('/erp/order/view-orders') }}">
                        {{ csrf_field() }}
                        <div class="col-4">
                            <label class="visually-hidden" for="startdate">Start Date</label>
                            <div class="input-group">
                                <div class="input-group-text">Start Date</div>
                                <input type="text" class="form-control pcalendar" id="startdate" name="startdate"
                                       placeholder="Start date" value="{{ Date('d-m-Y')  }}">
                            </div>
                        </div>

                        <div class="col-4">
                            <label class="visually-hidden" for="enddate">End Date</label>
                            <div class="input-group">
                                <div class="input-group-text">End Date</div>
                                <input type="text" class="form-control pcalendar" id="enddate" name="enddate"
                                       placeholder="End date" value="{{ Date('d-m-Y')  }}">
                            </div>
                        </div>

                        <div class="col-4">
                            <button type="submit" class="btn btn-success rounded-pill">Search</button>
                        </div>
                    </form>
                    <hr/>

                    <div class="row">

                        @if (session('err_msg'))
                            <div class="col-md-12">
                                <div class="alert alert-info">
                                    {{ session('err_msg') }}
                                </div>
                            </div>
                        @endif
                    </div>


                    <div class='row'>
                        <div class='col-md-12'>

                            <table class="table">
                                <thead>
                                <tr>
                                    <th scope="col">Order #</th>
                                    <th scope="col">Customer</th>
                                    <th scope="col">Phone</th>
                                    <th scope="col" class='text-center'>Order Date</th>
                                    <th scope="col" class='text-end'>Order Cost</th>
                                    <th scope="col" class='text-end'>Discount</th>
                                    <th scope="col" class='text-end'>Amount</th>
                                    <th scope="col" class='text-center'>Status</th>
                                    <th scope="col" class='text-end'>Edit</th>
                                </tr>
                                </thead>

                                @foreach($data['orders'] as $row)
                                    <tr>
                                        <th scope="row">
                                            <a href="#" target='_blank'>
                                                Order # {{ $row['id'] }}
                                            </a>

                                        </th>
                                        <th scope="row">
                                            {{ $row['cust_name'] }}
                                            </td>
                                        <th scope="row">
                                            {{ $row['cust_phone'] }}
                                        </th>
                                        <td class='text-center'>{{ date('d-M-Y', strtotime($row['order_date'])) }}</td>
                                        <td class='text-end'>{{ $row['total_items_cost']??0.00 }}</td>
                                        <td class='text-end'>{{ $row['total_items_discount']??0.00 }}</td>
                                        <td class='text-end'>{{ $row['actual_payable_amount']??0.00 }}</td>
                                        <td class='text-center'>

                                            @switch($row['order_status'])
                                                @case("NEW" )
                                                    <span class="badge bg-warning rounded-pill">Open</span>
                                                    @break
                                                @case("CLOSED")
                                                    <span class="badge bg-success badge-pill">Closed</span>
                                                    @break
                                                @case("CXL")
                                                    <span class="badge bg-danger badge-pill">Cancelled</span>
                                                    @break
                                            @endswitch

                                        </td>

                                        <td class='text-end'>
                                            <a class='' role='button'
                                               href="{{ URL::to('/erp/inventory/browse-menu-items') }}?cno={{ Crypt::encrypt( $row['cart_no'] ) }}">
                                                <i class='fa fa-edit'></i>
                                            </a>
                                        </td>
                                    </tr>


                                    @endforeach
                                    </tbody>

                                    <tfoot>


                                    </tfoot>
                            </table>

                        </div>
                    </div>


                </div>


            </div>

        </div>


    </div>

    <form method="post">
        {{ csrf_field() }}
        <div class="modal fade" id="widget-confirmdel" tabindex="-1" role="dialog" aria-labelledby="confirmDel"
             aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Confirm Record Deletion</h5>
                        <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">×</span>
                        </button>
                    </div>
                    <div class="modal-body">You are about to remove department. Please confirm your action?</div>
                    <div class="modal-footer">
                        <input type='hidden' name='key' id='key'/>
                        <button class="btn btn-secondary" type="button" data-dismiss="modal">Cancel</button>
                        <button type='submit' class="btn btn-danger" value='delete' name='btndel'>Delete</button>
                    </div>
                </div>
            </div>
        </div>
    </form>

@endsection


@section('script')

    <script>


    </script>

@endsection