@extends('layouts.app')
@section('content')
    <section class="content mb-5">
        <div class="container-fluid">
            @include('partials.title-pad', [
                'title' => __('labels.user_list_heading'),
                'search' => $search,
                'searchPlaceholder' => __("Search User Name ..."),
                'list' => $userEmails,
                'export' => 'users.export',
                'filter' => 'filter',
            ])
            <div class="mb-3 text-right">
                <a class="clear-filter" id="clear-filter">Clear Filters</a>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="mb-3">
                        <div class="dashbed-border-bottom"></div>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="table-responsive bg-white">
                        <table class="table table-striped table-bordered admintable border-0" cellspacing="0"
                            cellpadding="0">
                            <tbody>
                                <tr>
                                    <th>{{ __('datatable.id') }}</th>
                                    <th>{{ __('datatable.user_id') }}</th>
                                    <th>{{ __('datatable.user_detail') }}</th>
                                    <th>{{ __('datatable.dob') }}</th>
                                    <th>{{ __('datatable.email_id') }}</th>
                                    <th>{{ __('datatable.course') }}</th>
                                    <th>{{ __('datatable.university') }}</th>
                                    {{-- <th>{{ __('datatable.status') }}</th> --}}
                                    <th>Blocked By User</th>
                                    <th>{{ __('Blocked By Admin') }}</th>
                                    <th>{{ __('datatable.action') }}</th>
                                </tr>
                                @php
                                $startingIndex = ($userEmails->currentPage() - 1) * $userEmails->perPage() + 1;
                                @endphp
                                @forelse ($userEmails as $key => $user)
                                    <tr>
                                        <td>{{ $startingIndex + $key }}</td>
                                        <td>{{ $user->user_id }}</td>
                                        <td>
                                            <div class="user-sectiontd">
                                                <div><img
                                                        src="{{ $user->user->user_profile ? $user->user->user_profile : asset('assets/img/user.jpeg') }}">
                                                </div>
                                                <h2>{{ $user->user->name }}<br><span>{{ $user->user->dial_code_id }}
                                                        {{ $user->user->phone_no }}</span></h2>
                                            </div>
                                        </td>
                                        <td>{{ isset($user->user->date_of_birth) ? $user->user->date_of_birth : 'Not Specified Yet' }}
                                        </td>
                                        <td>
                                            @if($user->email)
                                            {{$user->email}}
                                            @else
                                                Not Added Yet
                                            @endif
                                        </td>
                                        <td>{{ isset($user->course) ? $user->course->name : 'Not Specified' }}</td>
                                        <td>
                                            @if($user->university)
                                            {{$user->university->name ?? 'NA'}}
                                            @else
                                            Not Added Yet
                                            @endif
                                        </td>
                                        <td>{{$user->blocked_count}}</td>
                                        {{-- <td>
                                            <span class="badge bad-status {{ $user->active ? 'badge-success' : 'badge-danger' }}">{{ $user->active ? 'Active' : 'Inactive' }}</span>
                                        </td> --}}
                                        <td>
                                            <span class="badge bad-status {{ $user->block_status ? 'badge-success' : 'badge-danger' }}">{{ $user->block_status ? 'Block' : 'Unblock' }}</span>
                                        </td>

                                        <td>
                                            <a href="{{ route('users.detail', $user->id) }}" class="f-16"><i
                                                    class="iconly-boldShow"></i></a>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="10">
                                            <p>
                                                <center class="text-danger">{{ __('labels.no_records_found') }}
                                                </center>
                                            </p>
                                        </td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
                {{ $userEmails->appends(request()->query())->links('partials.pagination') }}
            </div>
            <style>
                #clear-filter {
                    cursor: pointer;
                }
                #map1 {
                    height: 100%;
                }
                .footer-row {
                    margin-left: 118px !important;
                }
            </style>
        </div>

    </section>
    <div class="modal fade" id="filter" tabindex="-1" role="dialog" aria-labelledby="loginpopupTitle"
            aria-hidden="true">
            <div class="modal-dialog  modal-dialog-centered" role="document">
                <div class="modal-content bg-light modalPad">
                    <form class="needs-validation" novalidate>
                        <div class="modal-header position-relative border-0">
                            <div class="">
                                <button type="button" class="close-btn" data-dismiss="modal" aria-label="Close">
                                    <img src="{{ asset('assets/img/close.svg') }}" />
                                </button>
                                <div class="">
                                    <h5>{{ __('List of Users') }}</h5>
                                </div>

                            </div>
                        </div>
                        <div class="modal-body pt-0">
                            <form class="form" method="GET" action="{{ route('users.index') }}">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="exampleFormControlSelect1">{{ __('Blocked By Admin') }}</label>
                                            <select class="form-control selectpicker" name = "block_status">
                                                <option value="" {{ !request('block_status') ? 'selected' : ''}}>All</option>
                                                @foreach ($statuses as $status)
                                                <option value = "{{ $status['value'] }}" {{request('block_status') == $status['value'] && request('block_status') != '' ? 'selected' : ''}}>{{ ucfirst($status['label']) }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="exampleFormControlSelect1">{{ __('Blocked By User') }}</label>
                                            <select class="form-control selectpicker" name = "user_blocked_status">
                                                <option value="" {{ !request('user_blocked_status') ? 'selected' : ''}}>All</option>
                                                @foreach (["Yes", "No"] as $key => $status)
                                                <option value = "{{ $status }}" {{request('user_blocked_status') == $status && request('user_blocked_status') != '' ? 'selected' : ''}}>{{ ucfirst($status) }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="exampleFormControlSelect3">{{ __('Select Course') }}</label>
                                            <select class="form-control selectpicker" name="course_id">
                                                <option value="" {{ !request('course_id') ? 'selected' : ''}}>All</option>
                                                @foreach($courses as  $course)
                                                    <option value="{{$course->id}}" {{ request('course_id') == $course->id ? 'selected' : ''}}>{{$course->name}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="exampleFormControlSelect1">{{ __('Select University') }}</label>
                                            <select class="form-control selectpicker" name="university_id">
                                                <option value="" {{ !request('university_id') ? 'selected' : ''}}>All</option>
                                                @foreach($universities as  $university)
                                                    <option value="{{$university->id}}" {{ request('university_id') == $university->id ? 'selected' : ''}}>{{$university->name}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-12 mt-1">
                                    <button type = "submit"
                                    class="btn btn-primary">{{ __('buttons.apply_filter') }}</button>
                                </div>
                            </form>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    @section('scripts')
        <script>
            $(document).ready(function() {
                $('#clear-filter').on('click', function() {
                    var currentURL = window.location.href.split('?')[0];
                    window.location.href = currentURL;
                });
            });
        </script>
    @endsection
@endsection