@extends('layouts.admin.app')

@section('content')
<main>
<div class="container-fluid site-width">
    <!-- START: Breadcrumbs-->
    <div class="row ">
        <div class="col-12  align-self-center">
            <div class="sub-header mt-3 py-3 align-self-center d-sm-flex w-100 rounded">
                <div class="w-sm-100 mr-auto"><h4 class="mb-0">{{ $title }}</h4></div>

                <ol class="breadcrumb bg-transparent align-self-center m-0 p-0">
                    <li class="breadcrumb-item">Home</li>
                   <li class="breadcrumb-item active"><a href="#">{{ $title }}</a></li>
                </ol>
            </div>
        </div>
    </div>
    <!-- END: Breadcrumbs-->

    <div class="row">
        <div class="col-12 mt-4">
            <div class="card">
                <div class="card-header">                               
                    <h6 class="card-title">Search</h6>                                
                </div>
                <div class="card-content">
                    <div class="card-body">
                        <div class="row">                                           
                            <div class="col-md-8 col-12">
                                <form method="post">
                                    @csrf
                                    <div class="form-row">
                                        <div class="form-group col-md-4">
                                            <label for="inputEmail4">Date From</label>
                                            <input autocomplete="OFF" type="text" value="{{ $date1 }}" name="date1" placeholder="Select Date" class="form-control datepicker" id="inputDate1" required="">
                                        </div>
                                        <div class="form-group col-md-4">
                                            <label for="inputPassword4">Date To</label>
                                            <input autocomplete="OFF" type="text" name="date2" value="{{ $date2 }}" placeholder="Select Date" class="form-control datepicker" id="inputDate2" required="">
                                        </div>
                                        <div class="form-group col-md-4">
                                            <button type="submit" name="enquiriesLoad" class="btn btn-primary mt-4">Search</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- START: Card Data-->
    <div class="row">
        <div class="col-12 mt-3">
            <div class="card">
                <div class="card-body">
                    <p class="text-danger">{{ $note }}</p>
                    <div class="table-responsive">
                        <table id="example" class="display table dataTable table-striped table-bordered" >
                            <thead>
                                <tr>
                                    <th>S No.</th>
                                    <th>Name</th>
                                    <th>Company Name</th>
                                    <th>Email</th>
                                    <th>Phone No.</th>
                                    <th>Mobile</th>
                                    <th>Address</th>
                                    <th>City/State</th>
                                    <th>PostCode</th>
                                    <th>Country</th>
                                    <th>Comment</th>
                                    <th>Date / Time</th>
                                </tr>
                            </thead>
                            <tbody>
                                                                @foreach ($enquiryData as $row)
                                    <tr>
                                        <td align="center">{{ $i }}</td>
                                        <td>{{ $row->name }}</td>
                                        <td>{{ $row->company_name }}</td>
                                        <td>{{ $row->email }}</td>
                                        <td>{{ $row->phone }}</td>
                                        <td>{{ $row->mobile }}</td>
                                        <td>{{ $row->address }}</td>
                                        <td>{{ $row->city_state }}</td>
                                        <td>{{ $row->postcode }}</td>
                                        <td>{{ $row->country }}</td>
                                        <td>{{ $row->comment }}</td>
                                        <td>{{ $row->date_added }}</td>
                                    </tr>
                                                                    @endforeach
                            </tbody>
                            <tfoot>
                                <tr>
                                    <th>S No.</th>
                                    <th>Name</th>
                                    <th>Company Name</th>
                                    <th>Email</th>
                                    <th>Phone No.</th>
                                    <th>Mobile</th>
                                    <th>Address</th>
                                    <th>City/State</th>
                                    <th>PostCode</th>
                                    <th>Country</th>
                                    <th>Comment</th>
                                    <th>Date / Time</th>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div> 

        </div>                  
    </div>
    <!-- END: Card DATA-->

</main>  


@endsection