@extends('backend::layouts.app')

@section('content')
    <x-ui.breadcrumb title="Applicants">
        <span>Applicants</span>
    </x-ui.breadcrumb>

    <x-ui.filters-card id="locations-filter-form">
        <x-form.select2 class="col-md-3" name="webinar_course_id" label="Webinar" :values="$webinars" value="{{request('webinar_course_id') }}"/>
        <x-filter.profession class="col-md-3" type="slug" name="profession" value="{{request('profession') }}"/>
        <x-filter.country class="col-md-3" label="Category" type="name" value="{{request('category_id') }}"/>
        <x-filter.keyword class="col-12 col-md-3"/>
    </x-ui.filters-card>

    <x-ui.table-card :items="$applicants">
        <table class="table table-hover table-sm mb-0 ">
            <thead>
            <tr>
                <th>Webinar</th>
                <th>Email</th>
                <th>First name</th>
                <th>Last name</th>
                <th>Phone</th>
                <th>Profession</th>
                <th>Country</th>
                <th>Date</th>
                <th>Actions</th>
            </tr>
            </thead>
            <tbody>

            @foreach($applicants as $applicant)
                <tr>
                    <td>
                        @if ($applicant->course->published)
                            <a class="text-primary" href="{{ route('webinar.show',['slug' => $applicant->course->slug]) }}" target="_blank">
                                {{ $applicant->course->name }}
                            </a>
                        @else
                            {{ $applicant->course->name }}
                        @endif
                    </td>
                    <td>{{ $applicant->email }}</td>
                    <td>{{ $applicant->fname }}</td>
                    <td>{{ $applicant->lname }}</td>
                    <td>{{ $applicant->phone }}</td>
                    <td>{{ $applicant->profession }}</td>
                    <td>{{ $applicant->country }}</td>
                    <td>{{ app_datetime($applicant->created_at) }}</td>
                    <td>
                        <x-ui.table-action>
                            <a class="dropdown-item" href="{{ route('backend.webinar-applicant.show',['webinar_applicant' => $applicant->id]) }}">Show</a>
                            <form method="POST" action="{{ route('backend.webinar-applicant.destroy',['webinar_applicant' => $applicant->id]) }}">
                                @csrf
                                @method('delete')
                                <button class="dropdown-item" type="submit">Remove</button>
                            </form>
                        </x-ui.table-action>
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </x-ui.table-card>
@endsection