@extends('admin.layouts.leadManagement')
@section('title')
    Batch List
@endsection

@section('style')
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css?v={{ env('CRM_VERSION') }}"
        rel="stylesheet" />
    <link rel="stylesheet" href="{{ asset('backend') }}/lead-management/css/lead.css?v={{ env('CRM_VERSION') }}">
    {{-- <link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css?v={{ env('CRM_VERSION') }}" />
<link rel="shortcut icon" href="/uploads/app/logo/3OtxeXcMv5lhQzNLERhnmclPXorAN4msV8upXbCm.png"> --}}
    {{-- <link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css?v={{ env('CRM_VERSION') }}" /> --}}
    {{-- 
<link rel="stylesheet" type="text/css"
href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css?v={{ env('CRM_VERSION') }}" /> --}}
    {{-- <link rel="stylesheet" type="text/css"
href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css?v={{ env('CRM_VERSION') }}" /> --}}
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
        <link rel="stylesheet" href="{{ asset('backend') }}/lead-management/css/lead.css?v={{env('CRM_VERSION')}}">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css?v={{env('CRM_VERSION')}}" />
@endsection
@section('content')

    {{-- <link rel="stylesheet" href="{{ asset('backend') }}/lead-management/css/lead.css?v={{env('CRM_VERSION')}}"> --}}

    {{-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css?v={{env('CRM_VERSION')}}" > --}}
    <link rel="stylesheet"
        href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css?v={{ env('CRM_VERSION') }}">
    <style>
        .loader {
            z-index: 1000;
            margin: 0;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            display: none;
        }

        .hide_data {
            display: inline;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            /* background:white; */
            height: 100vh;
            width: 100%;
            z-index: 1000;

        }

        #followps_show:hover {
            display: inline;
        }

        .comment:hover>.followps_show {
            display: inline;
        }

        #formSubmit {
            display: none;
        }
    </style>

    <div class="main">
        <div class="top">
            <div class="head-detail">
                <p class="head">Batch List({{ @$totalCount }})</p>
            </div>



            <form action="{{ route('admin.batch.index') }}" class="search-box" method="GET">
                <div class="head-detail">
                    <p class="values">
                    <div class="button-box">

                        <div class="single-input search" style="margin: 0px; height:32px;">
                            <input type="search" name="keyword" class="input-field" value="{{ request('keyword') }}"
                                id="" placeholder="Search by keyword" aria-label="date">
                            <button class="search-btn" type="submit" aria-label="Search" style="line-height: 14px;">
                                <svg width="18" height="16" viewBox="0 0 18 18" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="M17.7043 16.2848L14.3054 12.8958C15.402 11.4988 15.9971 9.77351 15.9948 7.99743C15.9948 6.41569 15.5258 4.86947 14.647 3.5543C13.7683 2.23913 12.5192 1.21408 11.0579 0.608771C9.59657 0.00346512 7.98855 -0.15491 6.43721 0.153672C4.88586 0.462254 3.46085 1.22393 2.34239 2.34239C1.22393 3.46085 0.462254 4.88586 0.153672 6.43721C-0.15491 7.98855 0.00346512 9.59657 0.608771 11.0579C1.21408 12.5192 2.23913 13.7683 3.5543 14.647C4.86947 15.5258 6.41569 15.9948 7.99743 15.9948C9.77351 15.9971 11.4988 15.402 12.8958 14.3054L16.2848 17.7043C16.3777 17.798 16.4883 17.8724 16.6101 17.9231C16.7319 17.9739 16.8626 18 16.9945 18C17.1265 18 17.2572 17.9739 17.379 17.9231C17.5008 17.8724 17.6114 17.798 17.7043 17.7043C17.798 17.6114 17.8724 17.5008 17.9231 17.379C17.9739 17.2572 18 17.1265 18 16.9945C18 16.8626 17.9739 16.7319 17.9231 16.6101C17.8724 16.4883 17.798 16.3777 17.7043 16.2848ZM1.99936 7.99743C1.99936 6.81112 2.35114 5.65146 3.01022 4.66508C3.66929 3.6787 4.60606 2.90991 5.70206 2.45593C6.79807 2.00196 8.00408 1.88317 9.16759 2.11461C10.3311 2.34605 11.3999 2.91731 12.2387 3.75615C13.0775 4.595 13.6488 5.66375 13.8802 6.82726C14.1117 7.99077 13.9929 9.19678 13.5389 10.2928C13.0849 11.3888 12.3162 12.3256 11.3298 12.9846C10.3434 13.6437 9.18373 13.9955 7.99743 13.9955C6.40664 13.9955 4.88101 13.3636 3.75615 12.2387C2.6313 11.1138 1.99936 9.58821 1.99936 7.99743Z"
                                        fill="white" />
                                </svg>

                            </button>
                        </div>
                    </div>
                    </p>
                </div>

            </form>
            @if (userCan('batch.create'))
                <a href="{{ route('admin.batch.create') }}" class="btn create-lead create-lead_open"><i class="fas fa-plus"></i>&nbsp; {{ __('create') }}</a>
            @endif
            


        </div>


        <div class="tab-list">
        </div>

        <div class="detail-list">
            <!--Desktop-->
            <table class="table table-borderless bg-color">
                <thead>
                    <th class="table-head">ID</th>
                    <th class="table-head">Name</th>
                    <th class="table-head">Code</th>
                    <th class="table-head">Start Date</th>
                    <th class="table-head">Status</th>
                    <th class="table-head">Plan</th>
                    <th class="table-head">Type</th>
                    <th class="table-head">Studenets</th>
                    <th class="table-head">Tutor</th>
                    <th class="table-head">Time</th>
                    <th class="table-head">Action</th>

                </thead>

                <tbody>

                    @if ($datas->count() > 0)
                        @foreach ($datas as $data)
                            <tr>
                                <td>{{ $data->id }}</td>
                                <td>{{ $data->batch_name }}</td>
                                <td>{{ $data->batch_code }}</td>
                                <td>{{ $data->start_date ? dateMonthFormat($data->start_date ) : "--"}}</td>
                                <td>
                                @php
                                    $statusText = @$data->status == '1' ? 'Published' : (@$data->status == '2' ? 'Completed' : 'Unpublished');
                                    $statusClass = @$data->status == '1' ? 'text-white bg-primary' : (@$data->status == '2' ? 'text-white bg-success' : 'text-white bg-danger');
                                @endphp
                                <span class="{{ $statusClass }} text-capitalize py-1 px-2 rounded">
                                    {{ $statusText }}
                                </span>
                                </td>
                                <td>
                                    {{ @$data->plans->title ?? "--" }}
                                </td>
                                <td>
                                    {{ @$data->plans->planCategory->name  ?? "--"}} 
                                </td>
                                <td>
                                    @if ($data->candidates->isNotEmpty())
                                        @foreach ($data->candidates as $candidate) 
                                        {{ $loop->iteration }}. {{ $candidate->name }} ( {{ $candidate->id }})
                                        @endforeach
                                    @else
                                        --
                                    @endif

                                </td>
                                <td>
                                    {{ @$data->tutor->name  ?? "--"}} 
                                </td>
                                <td>{{ $data->class_time ? TimeShowHourseMiniteAmPm($data->class_time) : "--" }}</td>
                                <td>
                                    <div class="d-flex">
                                        @if(userCan('batch.update'))
                                        <a href="{{ route('admin.batch.edit', $data->id) }}" class="create-link" aria-label="edit-icon"><img
                                                src="{{ asset('backend') }}/lead-management/images/edit.svg"
                                                alt="edit" width="100%" height="100%"></a>
                                        @endif
                                        @if (userCan('batch.delete'))
                                        <form action="{{ route('admin.batch.destroy', @$data->id) }}" class=""
                                            method="POST"
                                            onclick="return confirm('{{ __('are_you_sure_you_want_to_delete_this_item') }}')">
                                            @csrf
                                            @method('delete')
                                            <button  class="company box-link" style="background: none; border: none;">
                                                <img src="{{ asset('backend') }}/lead-management/images/delete.svg" alt="delete" style="width: 16px; height: 100%">
                                            </button>
                                        </form>
                                        @endif
                                    </div>
                                </td>

                            </tr>
                        @endforeach
                    @else
                        <tr>
                            <td colspan="3">
                                <div class="container text-center">
                                    <x-not-found message="{{ __('no_data_found') }}" />
                                    @if (userCan('batch.create'))
                                        <a href="{{ route('admin.batch.create') }}" class="plan-btn btn btn-primary">
                                            Add Your First Batch
                                        </a>
                                    @endif
                                </div>
                            </td>
                        </tr>
                    @endif
                </tbody>
            </table>
            <div class="mt-3 d-flex justify-content-center">
                {{ $datas->onEachSide(1)->links() }}
            </div>

        </div>
    </div>




    <div class="overlay"></div>
    <div class="sidebar-overlay"></div>

    <div class="loader"></div>


@endsection





@section('script')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js?v={{ env('CRM_VERSION') }}"
        integrity="sha512-3gJwYpMe3QewGELv8k/BX9vcqhryRdzRMxVfq6ngyWXwo03GFEzjsUm8Q7RZcHPHksttq7/GFoxjCVUjkjvPdw=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="{{ asset('backend') }}/lead-management/js/common.js?v={{ env('CRM_VERSION') }}"></script>
    <script src="{{ asset('backend') }}/lead-management/js/lead.js?v={{ env('CRM_VERSION') }}"></script>
    {{-- <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js?v={{env('CRM_VERSION')}}"></script>

<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js?v={{env('CRM_VERSION')}}"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js?v={{env('CRM_VERSION')}}"></script>

<script src="{{ asset('tinymce/tinymce.min.js?v=' . env('CRM_VERSION')) }}" referrerpolicy="origin"></script> --}}
    {{-- <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js?v={{env('CRM_VERSION')}}"></script> --}}

    {{-- <script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script> --}}
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>
    <script>
        const formElement = document.getElementById('formSubmit');
    </script>
@endsection