@extends('Admin.Layout.main_layout') 	
@section('title','View Visiting Schedule')
@section('main_container')
      <!-- partial -->
      <div class="main-panel">
        <div class="content-wrapper">
          <div class="page-header">
            <h3 class="page-title">
             
            </h3>
            <nav aria-label="breadcrumb">
              <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="#">Home</a></li>
                <li class="breadcrumb-item active" aria-current="page">Visiting Schedule</li>
              </ol>
            </nav>
          </div>
          
          <div class="row grid-margin">
            <div class="col-12">
              <div class="card">
                <div class="card-body">
                  <h4 class="card-title">View Visiting Schedule</h4>
                  
                 <div class="col-lg-12 grid-margin stretch-card">
                  <div class="card">
                    <div class="card-body">
                      <h4 class="card-title"></h4>
                      <a href="{{ route('Visitor.create') }}" class="btn btn-primary  btn-block-sm" >Create Visit</a><br>
                      <div class="table-responsive">
                        <table class="table table-striped">
                          <thead>
                            <tr>
                              <th>No.</th>
                              <th>Organisation Name</th>
                              <th>Visitor's Name</th>
                              <th>Visiting Day</th>
                              <th>Actions</th>
                              
                            </tr>
                          </thead>
                          <tbody>
                              @if(!$visitor ->isEmpty())
                                            @foreach($visitor  as $data)
                            <tr>
                              <th scope="row">{{ $data->id }}</th>
                              <td>{{ $data->organisation_name }}</td>
                              <td>{{ $data->visitor_name }}</td>
                              <td>{{ $data->visiting_day }}</td>
                              <td class="text-left">
                                <div class="actions">
                                  
                                  <a class="btn btn-sm bg-success-light"  href="{{ route('Visitor.edit', $data->id) }}">
                                    <i class="fa fa-edit" style="font-size: 2em;"></i> 
                                  </a>
                                  <a  href="javascript:void(0)" data-delete_url="{{ route('Visitor.destroy', $data->id) }}"  class="btnDel btn btn-sm bg-danger-light">

                                        <i class="fa fa-trash" style="font-size: 2em;"></i> 

                                  </a>
                                </div>
                              </td>
                              
                            </tr>
                              @endforeach  
                              @else
                                <p class="text-danger mt-2" style="padding-left:450px;">No Data Available</p>
                              @endif
                            
                              
                            </tbody>
                          </table>
                         
                      </div>
                    </div>
                  </div>
			          </div>
              </div>
				    </div>
          </div>

        </div>
            
        <!-- content-wrapper ends -->
       @endsection