@extends('frontend.layouts.app')

@section('content')
	<div class="row mb-4">
        <div class="col-12 mx-auto">
            <div class="card">
                <div class="card-header">
                    <strong>
                        Initial Contacts
                    </strong>
                </div><!--card-header-->

                <div class="card-body">
                    <div class="row">
                        <div class="col col-sm-12 order-1 order-sm-2 mb-4">
                            <div id="toolbar">
                                <a target="_blank" href=" {{ route('frontend.initial.contact.create') }}" class="btn btn-success float-right">Add New Contact</a>
                            </div>
                            <table data-toggle="table" data-toolbar="#toolbar" data-search="true" data-pagination="true" class="table table-hover table-striped table-bordered">
                              <thead>
                                <tr class="text-center">
                                  <th scope="col">Initial Contact Date</th>
                                  <th scope="col">Worker</th>
                                  <th scope="col">Start Time</th>
                                  <th scope="col">End Time</th>
                                  <th scope="col">Self</th>
                                  <th scope="col">Client Name</th>
                                  <th scope="col" data-width="17" data-width-unit="%">Action</th>
                                </tr>
                              </thead>
                              <tbody>
                                @foreach($contacts as $contact)
                                  <tr>
                                      <td> {{ $contact->inital_contact_date }}</td>
                                      <td> {{ $contact->worker }}</td>
                                      <td> {{ $contact->start_time }}</td>
                                      <td> {{ $contact->end_tme }}</td>
                                      <td> {{ $contact->self }}</td>
                                      <td> {{ $contact->client_name }}</td>
                                      <td><a class="btn btn-light mr-1" href="{{ route('frontend.initial.contact.show', $contact->id) }}"><i class="fas fa-eye"></i></a><a class="btn btn-primary mr-1" href="{{ route('frontend.initial.contact.edit', $contact->id) }}"><i class="fas fa-pencil-alt"></i></a></td>
                                  </tr>
                                @endforeach
                              </tbody>
                            </table>
                        </div><!--col-md-4-->
                    </div><!-- row -->
                </div> <!-- card-body -->
            </div><!-- card -->
        </div><!-- row -->
    </div><!-- row -->
@endsection
@push('after-scripts')

@endpush