@extends('layouts.index')
@section('css-part')
<link rel="stylesheet" href="{{ asset('assets/css/general.panel.css') }}">
@endsection
@section('js-part')
<script src="{{ asset('assets/js/city.js') }}"></script>
<script src="{{ asset('assets/js/general.panel.js') }}"></script>
@endsection
@section('panel')
@include('layouts.header.header')
@include('layouts.nav.nav')
@endsection
@section('container')
<div class="container">
    @include('layouts.notification.success')
    <h2 class=" text-center mt-3">لیست درخواست ها</h2>
    <form method="get" class="mt-3">
        <div class="row">
            <div class="col-12 col-lg-9 d-block d-md-flex">
                <div class="form-group">
                    <input type="text" class="form-control" name="mcode" id="mcode" placeholder="کد ملی">
                </div>
                <div class="form-group mt-3 mt-md-0">
                    <input type="text" class="form-control ms-0 ms-md-2" name="phone" id="phone" placeholder="شماره موبایل">
                </div>
                <div class="form-group mt-3 mt-md-0 d-flex justify-content-between">
                    <button type="submit" class="btn btn-primary ms-0 ms-md-3">فیلتر</button>
                    @if(request('mcode') || request('phone'))
                    <a href="{{ request()->url() }}" class="btn btn-outline-secondary ms-0 ms-md-2">حذف فیلتر</a>
                    @endif
                </div>

            </div>
        </div>
    </form>
    @include('transporter.list.table')
</div>
@endsection