@extends('admin.admin_master')
@section('admin')
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<div class="page-content">
    <div class="container-fluid">

        <!-- start page title -->
        <div class="row">
            <div class="col-12">
                <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                    <h4 class="mb-sm-0">Client Visit </h4>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-body">
                        <a href="{{ route('visit.add') }}" class="btn btn-dark btn-rounded waves-effect waves-light"
                            style="float:right;"><i class="fas fa-plus-circle"> Create </i></a> <br> <br>
                        <h4 class="card-title">Client Visit  </h4>
                        <table id="datatable" class="table table-bordered dt-responsive nowrap"
                            style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                            <thead>
                                <tr>
                                    <th width="5%">Sl</th>
                                    <th> Date </th>
                                    <th> Company / Customer Name </th>
                                    <th> Contact Person </th>
                                    <th> Sales Person </th></th>
                                    <th> Reason of Visit </th> 
                                    
                                    <th width="20%">Action</th>

                            </thead>
                            <tbody>
                                @foreach ($customerVisitList as $key => $item)
                                    <tr>
                                        <td> {{ $key + 1 }} </td>
                                        <td> {{ date('d-m-y', strtotime($item->date_of_visit)) }} </td>
                                        <td> <h6>{{ $item->customer_name }}</h6> 
                                            <div style="white-space: normal;font-size: 10px;"> {{$item->address}} </div>
                                        </td>
                                        <td> {{ $item->cont_person }} </td>
                                        <td> {{ $item->customer->name }}</td>
                                        <td> 
                                            {{$item->reason_of_visit}}
                                        </td>
                                        <td>
                                            <a href="{{ route('visit.view', $item->id) }}" class="btn btn-info sm"
                                                title="View Data"> <i class="fas fa-eye"></i> </a>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div> <!-- end col -->
        </div> <!-- end row -->

@endsection