@extends('layouts.app')

@section('content')
    <div class="container">
        <div class="row">
            <div class="col-6">
                <h5>Candidate List</h5>
            </div>
        </div>
        <div class="row">
            <div class="col">
                @if (session('success'))
                    <div class="alert alert-success alert-dismissible" role="alert">
                        <div class="d-flex">
                            <div>
                                {{ session('success') }}
                            </div>
                        </div>
                        <a class="btn-close" data-bs-dismiss="alert" aria-label="close"></a>
                    </div>
                @endif
                @if (session('error'))
                    <div class="alert alert-danger alert-dismissible" role="alert">
                        <div class="d-flex">
                            <div>
                                {{ session('error') }}
                            </div>
                        </div>
                        <a class="btn-close" data-bs-dismiss="alert" aria-label="close"></a>
                    </div>
                @endif
            </div>
        </div>
        <div class="row mt-2">
            <div class="col">
                <div class="card">
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table align-middle">
                                <thead>
                                    <tr>
                                        <th>SL</th>
                                        <th>Candidate Photo</th>
                                        <th>Candidate Name</th>
                                        <th>Candidate Sign</th>
                                        <th>Status</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($candidates as $index => $candidate)
                                        <tr>
                                            <td>{{ $index + 1 }}</td>
                                            <td>
                                                <img class="img-fluid" style="width: 60px; heigh: 60px;"
                                                    src="{{ asset($candidate->candidate_photo ?? 'assets/img/aaa-logo.png') }}"
                                                    alt="">
                                            </td>
                                            <td>
                                                <p>{{ $candidate->name }}</p>
                                            </td>
                                            <td>
                                                <img class="img-fluid" style="width: 60px; heigh: 60px;"
                                                    src="{{ asset('assets/img/aaa-logo.png') }}" alt="">
                                            </td>
                                            <td>
                                                @if ($candidate->status == 1)
                                                    <span class="badge bg-success">Active</span>
                                                @else
                                                    <span class="badge bg-danger">Inactive</span>
                                                @endif
                                            </td>
                                            <td>
                                                @if ($candidate->status == 1)
                                                    <a title="Inactivate"
                                                        href="{{ route('candidate.inactivate', $candidate->id) }}"
                                                        class="btn btn-sm btn-outline-danger">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="24"
                                                            height="24" viewBox="0 0 24 24" fill="none"
                                                            stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                                            stroke-linejoin="round"
                                                            class="feather feather-arrow-down-circle">
                                                            <circle cx="12" cy="12" r="10"></circle>
                                                            <polyline points="8 12 12 16 16 12"></polyline>
                                                            <line x1="12" y1="8" x2="12"
                                                                y2="16"></line>
                                                        </svg>
                                                    </a>
                                                @else
                                                    <a title="Activate"
                                                        href="{{ route('candidate.activate', $candidate->id) }}"
                                                        class="btn btn-sm btn-outline-success">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="24"
                                                            height="24" viewBox="0 0 24 24" fill="none"
                                                            stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                                            stroke-linejoin="round" class="feather feather-arrow-up-circle">
                                                            <circle cx="12" cy="12" r="10"></circle>
                                                            <polyline points="16 12 12 8 8 12"></polyline>
                                                            <line x1="12" y1="16" x2="12"
                                                                y2="8"></line>
                                                        </svg>
                                                    </a>
                                                @endif
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection