@extends('layouts.app')
@section('content')
<div class="container">
  <div class="az-content-body d-flex flex-column">
    <div class="az-dashboard-one-title">
      <div>
        <h2 class="az-dashboard-title">All Users</h2>
        <p class="az-dashboard-text">Search & Filter Users</p>
      </div>
      <form action="{{ url('/') }}/employees/all" method="GET">
      <div class="az-content-header-right">
        <div class="media">
          <div class="media-body">
            <label>Status</label>
            <input type="text" name="selected_name" placeholder="Name" value="{{ $selected_name }}" class="form-control" />
          </div><!-- media-body -->
        </div><!-- media -->
        <div class="media">
          <div class="media-body">
            <label>Status</label>
            <select name="selected_status" style="width: 150px;" class="form-control select2">
              <option value="all" label="All"></option>
              <option {{ $selected_status == 'enable' ? 'selected' : '' }} value="enable">Enable</option>
              <option {{ $selected_status == 'disable' ? 'selected' : '' }} value="disable">Disable</option>
            </select>
          </div><!-- media-body -->
        </div><!-- media -->
        <button class="btn btn-purple mt-3" type="submit">Filter</button>
      </div>
    </form>
    </div>
    <div class="table-responsive">
      <table class="table table-bordered table-striped mg-b-0">
        <thead>
          <tr>
            <th>#</th>
            <th>Name</th>
            <th>Employee Code</th>
            <th>Email</th>
            <th>Mobile</th>
            <th>Permission</th>
            <th>Employee Type</th>
            <th>Status</th>
            <th>Created At</th>
            <th>Action</th>
          </tr>
        </thead>
        <tbody>
          @foreach ($employees as $key => $employee)
          <tr>
            <td class="text-center" scope="row">{{ ++$key }}</td>
            <td class="text-center">
              <a class="enquiryid-span" href="javascript:void()">{{ $employee->firstname }} {{ $employee->lastname }}</a>
            </td>
            <td class="text-center">{{ $employee->employee_code }}</td>
            <td>{{ $employee->email }}</td>
            <td>{{ $employee->company_mobile }}</td>
            <td class="text-center">{{ $employee->permission }}</td>
            <td class="text-center">{{ $employee->emp_type }}</td>
            <td class="text-center">
              <button class="btn btn-sm btn-{{ $employee->status ? 'success' : 'warning' }}" type="button">{{ $employee->status ? 'Enable' : 'Disable' }}</button>
            </td>
            <td class="text-center">{{ date("d/M/Y", strtotime($employee->created_at)) }}</td>
            <td class="text-center">
              <a target="_blank" href="{{ url('/') }}/employees/view/{{ $employee->id }}"><i class="far fa-eye"></i></a>
            </td>
          </tr>
          @endforeach
        </tbody>
      </table>
    </div><!-- table-responsive -->

    <div class="ht-40"></div>

    <div class="az-footer mg-t-auto">
      <div class="container">
        <span class="text-muted d-block text-center text-sm-left d-sm-inline-block">Copyright © travelogy india {{ date("Y") }}</span>
      </div><!-- container -->
    </div><!-- az-footer -->
  </div><!-- az-content-body -->
</div><!-- container -->
@endsection