@extends("admin.template.layout")

@section("content")
<div class="card">
    <div class="card-body">

        <form method="get" action="">
            <div class="row">
                <div class="col-md-3">
                    <label>Name / Company</label>
                    <input type="text" name="name" class="form-control" value="{{ $name ?? '' }}">
                </div>

                <div class="col-md-3">
                    <label>Email</label>
                    <input type="text" name="email" class="form-control" value="{{ $email ?? '' }}">
                </div>

                <div class="col-md-3">
                    <label>Phone</label>
                    <input type="text" name="phone" class="form-control" value="{{ $phone ?? '' }}">
                </div>

                <div class="col-md-3">
                    <label>Status</label>
                    <select name="status" class="form-control">
                        <option value="">All</option>
                        <option value="1" {{ ($status ?? '') == '1' ? 'selected' : '' }}>Active</option>
                        <option value="0" {{ ($status ?? '') == '0' ? 'selected' : '' }}>Inactive</option>
                    </select>
                </div>

                <div class="col-md-3">
                    <label>From Date</label>
                    <input type="date" name="from_date" id="min_date" class="form-control" value="{{ $from_date ?? '' }}">
                </div>

                <div class="col-md-3">
                    <label>To Date</label>
                    <input type="date" name="to_date" id="max_date" class="form-control" value="{{ $to_date ?? '' }}">
                </div>

                <div class="col-md-6 mt-4">
                    <button class="btn btn-primary">Search</button>
                    <a href="{{ route('admin.vendor_report') }}" class="btn btn-warning">Clear</a>
                    <button name="excel" value="Export" class="btn btn-success">Export</button>
                </div>
            </div>
        </form>

        <div class="table-responsive mt-4">
            <table class="table table-striped" id="vendors_listing">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>Name</th>
                        <th>Email</th>
                        <th>Mobile</th>
                        <th>Company</th>
                        <th>Created</th>
                    </tr>
                </thead>
                <tbody>