@include('admin.common.header')

<div class="d-flex align-items-stretch">
    @include('admin.common.sidebar')
    <div class="page-holder w-100 d-flex flex-wrap">
        <div class="container-fluid px-xl-5">
            <section class="py-5">
                <div class="row">
                    <div class="col-lg-12 mb-10">
                        <div class="card">
                            <div class="card-header product-head">
                                <h6 class="text-uppercase mb-0"> Contact Inqueries</h6>
                                <a class="btn btn-success" href="/admin/contacts/exportcsv/">Export as CSV</a>
                            </div>
                            @if (session('status'))
                            <div class="alert alert-success">
                                {{ session('status') }}
                            </div>
                            @endif
                            <div class="card-body">
                                <table class="table table-striped table-hover card-text" id="rapidDataTable3">
                                    <thead>
                                        <tr>
                                            <th>#</th>
                                            <th>Name</th>
                                            <th>Company Name</th>
                                            <th>Type of Industry</th>
                                            <th>Phone</th>
                                            <th>Email</th>
                                            <th>How did you find us</th>
                                            <th>Message</th>
                                            <th>Created At</th>
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($contacts as $i => $contact)
                                        <tr>
                                            <th scope="row">{{$contacts->firstItem()+$i}}</th>
                                            <td>{{ $contact->firstname }} {{ $contact->lastname }}</td>
                                            <td>{{ $contact->companyname }}</td>
                                            <td>{{ $contact->typeofindustry }}</td>
                                            <td>{{ $contact->phone }}</td>
                                            <td>{{ $contact->email }}</td>
                                            <td>{{ $contact->findus }}</td>
                                            <td>{{ $contact->message }}</td>
                                            <td>{{ $contact->created_at }}</td>
                                            <td><a href="javascript:;" data-id="{{$contact->id}}" class="removeCustomer">Delete</a></td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>

                                <div class="viewing">Showing <strong>{{ $contacts->firstItem() }}</strong> to
                                    <strong>{{ $contacts->lastItem() }}</strong>
                                    of total <strong>{{$contacts->total()}}</strong> entries
                                </div>
                                <div class="pagenumber">{{ $contacts->appends($_GET)->links() }}</div>
                            </div>
                        </div>
                    </div>

                </div>
            </section>

        </div>
        <style>
            .search-form .search_link {
                float: left !important;
                margin-top: 10px !important;
            }
        </style>

        @include('admin.common.footer')

        <script>
            $(".removeCustomer").click(function() {
                var contact = $(this).attr("data-id");
                if (confirm("Are you sure to delete this customer?")) {
                    window.location.href = "{{$site_url}}/admin/contact/remove/" + contact;
                }
            });
            $(document).ready(function() {
                $("#rapidDataTable").DataTable({
                    paging: false,
                    info: false,
                    searching: false,
                    pageLength: 50
                });
            });
        </script>