@extends("layouts.admin.app")

@section("page-title")
{{__("Dashboard")}}
@endSection
@section("page-nav-title")
<div class="app-title">
    <div>
        <h1><i class="fa fa-dashboard"></i>{{__("reports")}}</h1>
        <p>{{__("all-reports")}}</p>
    </div>
    <ul class="app-breadcrumb breadcrumb">
        <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
        <li class="breadcrumb-item"><a href="#">{{__("Dashboard")}}</a></li>
        <li class="breadcrumb-item"><a href="#">{{__("reports")}}</a></li>
    </ul>
</div>
@endsection

@section("content")
<div class="tile" style="margin: 10px;">
    <div class="tile-title">
        <h3>{{__('Filtering')}}</h3>
    </div>
    <form action="{{ route("admin.reports.maintenancePdf") }}" method="POST">
        @csrf
        <div class="tile-body">
            <div class="row">
                <div class="col-lg-6">
                    <div class="form-group">
                        <label class="control-label" for="startDate">{{__("Start Date")}}</label>
                        <input class="form-control" type="date" name="startDate" id="startDate">
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="form-group">
                        <label class="control-label" for="endDate">{{__("End Date")}}</label>
                        <input class="form-control" type="date" name="endDate" id="endDate">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4">
                    <div class="form-group">
                        <label class="control-label">{{__("Status")}}</label>
                        <select class="form-control" name="order_id">
                            <option value="all">{{__('All')}}</option>
                            @foreach ($orders as $order)
                            <option value="{{$order->id}}">{{$order->orderNumber->number}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
            </div>
            <div class="col-lg-12">
                <div class="tile-footer">
                    <button class="btn btn-primary" type="submit">
                        <i class="fa fa-fw fa-lg fa-check-circle"></i>
                        {{ __("filter-by") }}
                    </button>
                    <a class="btn btn-primary" style="background-color: #761b18; border-color: #761b18" href="">
                        <i class="fas fa-redo"></i>
                        {{ __("Reset") }}
                    </a>
                </div>
            </div>
        </div>
    </form>
</div>
@endsection