@extends('admin.layouts.app')

@section('title', 'View Executives')

@section('content')
<h4 class="font-weight-bold py-3 mb-0">View Executive List
  <span style="float: right;">
    <a href="{{ route('admin.executives.create') }}" class="btn btn-secondary btn-round"><i class="ion ion-md-add mr-2"></i> Add More</a>
  </span>
</h4>

<div class="card" style="padding-right:10px;padding-left:10px;">
<div class="card-datatable">
<table id="example" class="table table-striped table-bordered" style="width:100%">
    <thead>
        <tr>
            <th>Photo</th>
            <th>Executive Name</th>
            <th>Contact No</th>
            <th>Email Id</th>
            <th>Password</th>
            <th>Address</th>
            <th>Status</th>
            <th>Register Date</th>
            <th>Action</th>
        </tr>
    </thead>
    <tbody>
        @foreach ($executives as $row)
            <tr>
                <td>
                    @if ($row->Photo && file_exists(public_path('uploads/'.$row->Photo)))
                        <img src="{{ asset('uploads/'.$row->Photo) }}" class="d-block ui-w-40 rounded-circle" alt="" style="width: 40px;height: 40px;">
                    @else
                        <img src="{{ asset('admin-assets/user_icon.jpg') }}" class="d-block ui-w-40 rounded-circle" style="width: 40px;height: 40px;">
                    @endif
                </td>
                <td>{{ $row->Fname }} {{ $row->Lname }}</td>
                <td>{{ $row->Phone }}</td>
                <td>{{ $row->EmailId }}</td>
                <td>{{ $row->Password }}</td>
                <td>{{ $row->Address }}</td>
                <td>
                    @if ((int) $row->Status === 1)
                        <span style="color:green;">Approved</span>
                    @else
                        <span style="color:red;">Pending</span>
                    @endif
                </td>
                <td>{{ $row->CreatedDate ? $row->CreatedDate->format('d/m/Y') : '' }}</td>
                <td>
                    <a href="{{ route('admin.executives.edit', $row) }}"><i class="lnr lnr-pencil mr-2"></i></a>
                    <form method="POST" action="{{ route('admin.executives.destroy', $row) }}" class="d-inline" onsubmit="return confirm('Are you sure you want delete this executive?');">
                        @csrf
                        @method('DELETE')
                        <button type="submit" class="btn btn-link p-0 align-baseline"><i class="lnr lnr-trash text-danger"></i></button>
                    </form>
                </td>
            </tr>
        @endforeach
    </tbody>
</table>
</div>
</div>
@endsection

@push('scripts')
<script>
$(document).ready(function() {
    $('#example').DataTable({
        order: [[1, 'asc']],
        responsive: false,
        dom: 'Bfrtip',
        buttons: ['excelHtml5']
    });
});
</script>
@endpush