@extends('app.dashboard')

@section('content')
<div class="page-wrapper">
    <!-- Page Content-->
    <div class="page-content pr-5 pl-5">
        <div class="container-fluid mt-2">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="card" style="border-top:4px solid blue">
                            <div class="card-body">
                                <h4> Data Range Order Filter </h4>
                                <div class="row">
                                    <div class="col-sm-12">
                                        <div class="card">
                                        <div class="card-body">
                                            <form method="POST" action="{{route('date_range_order_report')}}" id="order_form">
                                                @csrf
                                                <div class="row mb-2">
                                                    <div class="col-lg-3">
                                                        <label><b>Select Date Range</b><span
                                                                style="color:red;">&nbsp;*</span>
                                                        </label><br>
                                                        <input type="text" class="form-control datepick"
                                                            name="date_range" id="daterange1">
                                                    </div>
                                                    <div class="col-lg-1">
                                                        <input class="btn btn-success" style="margin-top:28px" type="submit" name="filter"
                                                            id="filter" value="Get Data" />
                                                    </div>
                                                    <div class="col-lg-1">
                                                        <input class="btn btn-success" style="margin-top:28px" type="submit" name="download"
                                                            id="download" value="Export to Excel" />
                                                    </div>
                                                </div>
                                            </form>
                                            <div class="p-4 table-responsive">
                                                <table id="datatable" class="table table-bordered nowrap"
                                                    style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                                                    <thead>
                                                        <tr>
                                                            <th>APP #</th>
                                                            <th>Property Address</th>
                                                            <th>Property City</th>
                                                            <th>State</th>
                                                            <th>Status</th>
                                                            <th>Completed at</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                    @if (isset($orders))
                                                        @foreach($orders as $order)
                                                        <tr>
                                                            <td>{{ $order->order_number }}</td>
                                                            <td>{{ $order->property_addressline1 }}</td>
                                                            <td>{{ $order->property_city }}</td>
                                                            <td>{{ $order->short_code }}</td>
                                                            <td>{{ $order->status_type }}</td>
                                                            <td>{!! isset($order->completion_date) ? date("m/d/Y", strtotime($order->completion_date)) : NULL !!}</td>
                                                        </tr>
                                                        @endforeach
                                                    @endif
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- end page-wrapper -->
@endsection