@extends('backend.layout.master')

@section('title')
    Applicants
@endsection

@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12 mt-2">
                @session('status')
                    <div class="alert alert-{{ session('bg') }} fade show alert-dismissible" role="alert">
                        {{ session('status') }}
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                @endsession
            </div>
            <div class="col-md-12">
                <div class="card mt-3">
                    <div class="card-top mx-3 my-2 ">
                        <h4 class="font-bold">All riders</h4>
                    </div>
                    <div class="card-body pt-0 table-responsive">
                        <table class="table table-striped table-hover table-bordered text-center table-dark">
                            <thead>
                                <tr>
                                    <th style="width: 50px;">Id</th>
                                    <th>Rider Name</th>
                                    <th>Email</th>
                                    <th>Phone</th>
                                    <th>Addres</th>
                                    <th>City</th>
                                    <th>Vehicle</th>
                                    <th style="width: 90px;">Photo</th>
                                    <th style="width: 90px;">NID Front</th>
                                    <th style="width: 90px;">NID Back</th>
                                    <th style="width: 80px;">Active Status</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($applicants as $applicant)
                                    <tr>
                                        <td> {{ $applicant->id }} </td>
                                        <td> {{ $applicant->name }} </td>
                                        <td> {{ $applicant->email }} </td>
                                        <td> {{ $applicant->phone }} </td>
                                        <td> {{ $applicant->address }} </td>
                                        <td> {{ $applicant->city }} </td>
                                        <td> {{ $applicant->vehicle }} </td>
                                        <td>
                                            <img src="{{ URL::asset('storage/' . $applicant->photo) }}" alt=""
                                                height="40px" width="40px">
                                        </td>
                                        <td>
                                            <img src="{{ URL::asset('storage/' . $applicant->nid_front) }}" alt=""
                                                height="40px" width="40px">
                                        </td>
                                        <td>
                                            <img src="{{ URL::asset('storage/' . $applicant->nid_back) }}" alt=""
                                                height="40px" width="40px">
                                        </td>
                                        <td>
                                            <div class="rounded-circle bg-{{ $applicant->active == 1 ? 'active' : 'danger' }}"
                                                style="width: 20px; height: 20px;"></div>
                                        </td>
                                        <td>
                                            <a type="button" class="btn btn-success btn-sm editBtn" data-toggle="modal"
                                                data-target="#editModal">
                                                <i class="fas fa-edit"></i>
                                            </a>
                                            <!-- Button trigger modal -->
                                            <button type="button" class="btn btn-danger btn-sm deleteBtn"
                                                data-toggle="modal" data-target="#deleteModal"
                                                data-id="{{ $applicant->id }}">
                                                <i class="fas fa-trash"></i>
                                            </button>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="12" class="font-weight-bold">No rider Added</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection