@extends('layouts.app')
@section('content')
<!-- Header -->
<div class="header bg-gradient-danger pb-8 pt-5 pt-md-6">
   <div class="container-fluid">
      <div class="header-body">
         <div class="row align-items-center py-4">
            <div class="col-lg-6 col-7">
               <nav aria-label="breadcrumb" class="d-none d-md-inline-block ml-md-4">
                  <ol class="breadcrumb breadcrumb-links breadcrumb-dark">
                     <li class="breadcrumb-item"><a href="{{url('user/home')}}"><i class="fas fa-home"></i></a></li>
                     <li class="breadcrumb-item"><a href="{{url('addressbook')}}">Address Book</a></li>
                     <li class="breadcrumb-item active" aria-current="page">List</li>
                  </ol>
               </nav>
            </div>
            <!-- <div class="col-lg-6 col-5 text-right">
               <a href="{{url('user/add')}}" class="btn btn-sm btn-neutral">New</a>
            </div> -->
         </div>
      </div>
   </div>
</div>
<div class="container-fluid mt--7">
<!-- Table -->
<div class="row">
   <div class="col">
      <div class="card shadow">
         <div class="card-header bg-white">
              <div class="row align-items-center">
                <div class="col-8">
                  <h4 class="mb-0">Address Book</h4>
                </div>
                <!-- <div class="col-4 text-right">
                  <a href="javascript:" title="Advanced Search" data-toggle="modal" data-target="#filterModal" data-whatever="@mdo" class="btn btn-primary btn-sm"><i class="fa fa-search" aria-hidden="true"></i></a>
                </div> -->

              </div>
            </div>
            <div class="col-12 text-left">
              <div class="pull-right">
                <a href="{{ URL::to('addressbook/add') }}" class="btn btn-danger btn-sm">Add Address Book <i class="fa fa-plus" aria-hidden="true"></i></a>

                <a href="{{ URL::to('addressbook/import/') }}"  class="btn btn-danger btn-sm">Import <i class="fa fa-cloud" aria-hidden="true"></i></a>
                
              </div>
            </div>
            
            
         <div class="table-responsive">
            @if(Session::has('message'))
            <div class="alert {{ Session::get('alert-class', 'alert-info') }}" role="alert">
                {{ Session::get('message') }}
            </div>
            @endif
                <table class="table table-hover table-bordered table-striped datatable" id="order">
               <thead class="thead-light">
                  <tr>
                     <th scope="col">SI.No</th>
                     <th scope="col">Name</th>
                     <th scope="col">Zip Code</th>
                     <th scope="col">Address</th>
                     <th scope="col">Unit</th>
                     <th scope="col">phone</th>
                     <th scope="col">Property</th>
                     <th scope="col" class="noExport">Status</th>
                     <th scope="col" class="noExport">Action</th>
                  </tr>
               </thead>
               <tbody>
            @if($i=1)@endif
              @foreach ($addressbooks as $addressbook)

            <tr>
              <td>{{$i}}</td>
              <td>{{$addressbook->name }}</td>
              <td>{{$addressbook->zip_code }}</td>
              <td>{{$addressbook->address }}</td>
              <td>{{$addressbook->unit_number }}</td>
              <td>{{$addressbook->phone_number }}</td>
              <td>{{$addressbook->property }}</td>
              <td id="addressbook_status_tr_{{$addressbook->id}}">
                          @if ($addressbook->status == 1)
                              <span class="label label-success">Active</span>
                          @elseif ($addressbook->status == 0)
                             <span class="label label-info">Pending</span>
                          @else
                  <span class="label label-danger">Blocked</span>
                @endif
              </td>
              <td>  
                <div class="btn-group" style="width:100%;">
                  
                  <a data-toggle="tooltip"  class="btn btn-link btn-sm"title="Edit" href="{{URL::to('addressbook/edit/' . $addressbook->id )}}" ><i class="fas fa-edit"></i></a>
                  {!! Form::open(array('method'=> 'DELETE', 'route' => array('addressbookdestroy', $addressbook->id))) !!}
                  <button  data-placement="left" data-toggle="tooltip" title="Delete " type="submit" class="btn btn-link btn-sm" onclick="return confirm('Do you want to delete ?')"><i class="fa fa-trash" aria-hidden="true"></i></button>
                  {!! Form::close() !!}                 
                </div>
              </td>
            </tr>
            @if($i++)@endif
            @endforeach 
                   
          </tbody>                           
            </table>    
                
         </div>
      </div>
   </div>
</div>
</div>

<script type="text/javascript">
  $(document).ready(function() {
  
        $(".buttons-csv").addClass("btn btn-info btn-sm");

    var oTable = $('#order').DataTable({
        dom: 'lBfrtip',
        lengthMenu: [[15,50, 100, -1], [15,50, 100, "All"]], 
        buttons: [
            {
                extend: 'csv',
                text: 'Export CSV',
                title: 'AddressbookExport',
                exportOptions: {
                    columns: "thead th:not(.noExport)"
                }
            }, 
        ],
    });
    $('.buttons-html5').hide();
     // $('.dataTables_filter').hide();
  });

</script>

@endsection