@extends('superadmin::layouts.master')
@section('title',__('tenant::company.student'))
@section('extra-styles')
<link rel="stylesheet" href="{{asset('assets/vendors/css/pickers/daterange/daterangepicker.css')}}">
<link rel="stylesheet" type="text/css"
      href="{{asset('assets/vendors/css/pickers/datetime/bootstrap-datetimepicker.css')}}">
<link rel="stylesheet" href="{{asset('assets/vendors/css/pickers/pickadate/pickadate.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('assets/css/plugins/pickers/daterange/daterange.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('assets/css/custom/amsify-suggestags/amsify-suggestags.css')}}">
    <style>
        @media (max-width: 992px) {
            #export_btn_label {
                display: none;
            }
            .mr-btn{
                margin-right: 104px;
            }
            .ml-btn{
                margin-left: 89px;
            }
            .headBtns .btn.btn-primary {
                width: 113px;
                padding-left: 65px;
                padding-right: 65px;
            }
        }
        /* #DataTables_Table_0_paginate{
            display: none;
        }
        #DataTables_Table_0_length{
            display: none;
        } */
        .export-btn{
            height: 55px;
        }
        .float-right{
            float: right !important;
        }
        .float-left{
            float: left !important;
        }
        .note-icon{
            font-weight: 700;
            font-size: 15px;
            margin-top: -4px;
        }
        .note-btn, .note-btn:hover{
            background-color: #6b6464 !important;
            border-color: #6b6464!important;
            direction: rtl;
            text-decoration: none;
            padding: 15px 26px;
            position: relative;
            display: inline-block;
        }
        .note-border{
            border: 1px solid #948f8f;
            overflow-y: auto;
            height: 200px;
            border-radius: 8px;
            padding-top: 20px;
            padding-bottom: 20px;
        }
        .note-content{
            width: 100%;
            border: 1px solid #5e5e5d;
            border-radius: 4px;
            padding: 10px;
            font-size: 13px;
            font-weight: 700;
        }
        .add-note-content{
            width: 100%;
            border: 1px solid #5e5e5d;
            border-radius: 4px;
            padding: 10px;
            font-size: 15px;
            color: #313131;
        }
        .add-note-btn{
            height: 45px;
            width: 55%;
            background: transparent;
            border: 2px solid #00b01b;
            margin-top: 7px;
            cursor: pointer;
            border-radius: 5px;
        }
        .vertical-center{
            margin: 0;
            position: absolute;
            top: 50%;
            left: 50%;
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }
        .no-note-found{
            color: gray;
            font-size: 18px;
        }
        .note-badge{
            position: absolute;
            top: -6px;
            right: -15px;
            border-radius: 50%;
            background: red;
            color: white;
            width: 20px;
            padding-top: 3px;
        }
        #deleteNoteModal{
            width: 300px;
            left: 35%;
            overflow-y: hidden;
        }
        @media (max-width: 576px) {
        #deleteNoteModal{
            width: 80%;
            align-content: center;
            margin: auto;
            position: absolute;
            left: -50%;
            top: 50%;
            transform:translate(50%,-50%);
        }
    }
    </style>
    <style>
        #companies_table_wrapper .row{
            display: flex !important;
        }
        .dataTables_filter{
            display: inline-block !important;
            width: 100% !important;
            vertical-align: middle !important;
        }
    </style>
        <link href="{{ asset('assets/css/custom/forms/select2.min.css') }}" rel="stylesheet">
    <style>
        .select2-selection--multiple{
            background-color: transparent !important;
            border-radius: 20px !important;
        }
        .select2-selection__choice{
            border-radius: 20px !important;
            margin-bottom: 7px !important;
        }
        .daterangepicker.dropdown-menu{
            z-index: 999999;
        }
    </style>
    @if(app()->getLocale() == 'ar')
        <style>
            .select2-results__options {
                text-align: right !important;
            }
        </style>
    @endif
@endsection
@section('breadcrumb')
<div class="row breadcrumbs-top">
    <div class="breadcrumb-wrapper col-xs-12">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{route('dashboard-home')}}">@lang('Home')</a>
            </li>
            <li class="breadcrumb-item"><a href="{{route('students.index')}}">@lang('tenant::company.student')</a>
            </li>
        </ol>
    </div>
</div>
@endsection
@section('content')
@include('superadmin::errors.lists')
<section id="configuration">
    <div class="row my-1" style="margin: 0px;">
        <div class="row">
            <div class="col-md-12">
                <button class="btn btn-primary w-100 filterbtn" type="button" data-toggle="collapse"
                        data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
                    <div class="d-flex justify-content-between">
                        <span>{{ __('Filter') }} </span><i class="fa fa-angle-down"></i>
                    </div>

                </button>
            </div>
        </div>
        <div class="collapse filter-section-collapse" id="collapseExample">
            <form action="{{ route('students.index') }}" method="GET" class="form form-horizontal striped-rows form-bordered dev-form-validate" novalidate>
                <div class="card card-body mb-0">
                    <div class="row mt-1">
                        <div class="col-lg-6">
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-4">
                                        <label for="category">{{ __('tenant::company.company status') }}</label>
                                    </div>
                                    <div class="col-md-8">
                                        <select name="company_status" class="w-100 py-1 form-control">
                                            <option value="">{{ __('tenant::status.all') }}</option>
                                            @foreach(\Modules\Tenant\Enums\CompanyStatusEnum::getCompanyStatuses() as $key => $status)
                                                <option value="{{ $key }}" {{ request()->get('company_status') == $key ? 'selected' : '' }}>{{ $status }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row  mt-1">
                        <div class="col-lg-6">
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-4">
                                        <label for="category">{{ __('tenant::company.subdomain') }}</label>
                                    </div>
                                    <div class="col-md-8">
                                        <input type="text" name="company_subdomain" value="{{ request()->get('company_subdomain') }}" class="w-100 py-1 form-control">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row  mt-1">
                        <div class="col-lg-6">
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-4">
                                        <label for="category">{{ __('tenant::company.id') }}</label>
                                    </div>
                                    <div class="col-md-8">
                                        <input type="text" name="company_id" value="{{ request()->get('company_id') }}" class="w-100 py-1 form-control">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row  mt-1">
                        <div class="col-lg-6">
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-4">
                                        <label for="category">{{ __('tenant::company.email') }}</label>
                                    </div>
                                    <div class="col-md-8">
                                        <input type="email" name="email" value="{{ request()->get('email') }}" class="w-100 py-1 form-control">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row  mt-1">
                        <div class="col-lg-6">
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-4">
                                        <label for="category">{{ __('tenant::company.phone_number') }}</label>
                                    </div>
                                    @if(Lang::locale() == 'ar')
                                    <div class="col-md-4">
                                        <input type="text" name="mobile" value="{{ request()->get('mobile') }}" class="w-100 form-control">
                                    </div>
                                    <div class="col-md-4">
                                        @include('superadmin::includes.selectCountry',['user' => ['country_code' => request('country_code')]])
                                    </div>
                                    @else
                                    <div class="col-md-4">
                                        @include('superadmin::includes.selectCountry',['user' => ['country_code' => request('country_code')]])
                                    </div>
                                    <div class="col-md-4">
                                        <input type="text" name="mobile" value="{{ request()->get('mobile') }}" class="w-100 form-control">
                                    </div>
                                    @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                    <div class="row  mt-1">
                        <div class="col-lg-6">
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-4">
                                        <label for="category">{{ __('tenant::company.industry') }}</label>
                                    </div>
                                    <div class="col-md-8">
                                        <select name="industry" class="w-100 py-1 form-control">
                                            <option value="">{{ __('All') }}</option>
                                            @foreach(\Modules\Tenant\Enums\IndustriesEnum::translatedList() as $key => $value)
                                                <option value="{{ $key }}" {{ request()->get('industry') == $key ? 'selected' : '' }}>{{ $value }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row  mt-1">
                        <div class="col-lg-6">
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-4">
                                        <label for="category">{{ __('tenant::company.package') }}</label>
                                    </div>
                                    <div class="col-md-8">
                                        <select name="company_package" class="w-100 py-1 form-control">
                                            <option value="">{{ __('All') }}</option>
                                            @foreach($packages as $key => $value)
                                                <option value="{{ $key }}" {{ request()->get('company_package') == $key ? 'selected' : '' }}>{{ $value }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row  mt-1">
                        <div class="col-lg-6">
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-4">
                                        <label for="category">{{ __('tenant::company.university') }}</label>
                                    </div>
                                    <div class="col-md-8">
                                        <select name="university" class="w-100 py-1 form-control">
                                            <option value="">{{ __('All') }}</option>
                                            @foreach(\App\Enums\UniversityNameEnum::translatedList() as $key => $value)
                                                <option value="{{ $key }}" {{ request()->get('university') == $key ? 'selected' : '' }}>{{ $value }}</option>
                                            @endforeach
                                            <option value="other" {{ request()->get('university') == 'other' ? 'selected' : '' }}>{{ __('tenant::company.other_university') }}</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row  mt-1">
                        <div class="col-lg-6">
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-4">
                                        <label for="category">{{ __('tenant::company.graduation_year') }}</label>
                                    </div>
                                    <div class="col-md-8">
                                        <input type="number" 
                                               name="graduation_year" 
                                               value="{{ request()->get('graduation_year') }}" 
                                               class="w-100 py-1 form-control">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row  mt-1">
                        <div class="col-lg-6">
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-4">
                                        <label for="category">{{ __('tenant::company.created_date') }}</label>
                                    </div>
                                    <div class="col-md-4">
                                        <input type='text'
                                               class="form-control singledate"
                                               name="create_date_from"
                                               value="{{ $errors->has('create_date_from') ? '' : request('create_date_from') }}"
                                               id="create_date_from"
                                               placeholder="{{ __('from')}}"
                                               class="{{$errors->has('create_date_from') ? ' is-invalid':''}}"/>
                                    </div>
                                    <div class="col-md-4">
                                        <input type='text'
                                               class="form-control singledate"
                                               name="create_date_to"
                                               value="{{ $errors->has('create_date_to') ? '' : request('create_date_to') }}"
                                               id="create_date_to"
                                               placeholder="{{ __('to')}}"
                                               class="{{$errors->has('create_date_to') ? ' is-invalid':''}}"/>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row  mt-1">
                        <div class="col-lg-6">
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-4">
                                        <label for="category">{{ __('tenant::company.last_activity') }}</label>
                                    </div>
                                    <div class="col-md-4">
                                        <input type='text'
                                               class="form-control singledate"
                                               name="last_activity_date_from"
                                               value="{{ $errors->has('last_activity_date_from') ? '' : request('last_activity_date_from') }}"
                                               id="last_activity_date_from"
                                               placeholder="{{ __('from')}}"
                                               class="{{$errors->has('last_activity_date_from') ? ' is-invalid':''}}"/>
                                    </div>
                                    <div class="col-md-4">
                                         <input type='text'
                                               class="form-control singledate"
                                               name="last_activity_date_to"
                                               value="{{ $errors->has('last_activity_date_to') ? '' : request('last_activity_date_to') }}"
                                               id="last_activity_date_to"
                                               placeholder="{{ __('to')}}"
                                               class="{{$errors->has('last_activity_date_to') ? ' is-invalid':''}}"/>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    

                 </div>
                    <div class="text-center mt-1">
                        <a href="{{ route('students.index') }}">
                            <button type="button" class='btn btn-warning btn-min-width mr-1 mb-1'>{{ __('Clear') }}</button>
                        </a>
                        <button type="submit" class="btn btn-info btn-min-width mr-1 mb-1">{{ __('Apply') }}</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <div class="row my-1">
        <div class="col-xs-12">
            <div class="alert alert-danger hidden errors">
                <ul id="errors_list" class="errors_list">
                </ul>
            </div>
            <div class="card ">
                <div class="card-body collapse in">
                    <a class="mx-1 mb-1 @if(app()->getlocale() == 'ar') float-left @else float-right @endif" href="{{ route('students.export-excel', request()->all() + [ 'to_export' => 1]) }}">
                        <i class="fa fa-file-excel-o fa-2x"
                           data-toggle="tooltip"
                           data-placement="bottom"
                           title="@lang('reports::reports.download_excel')"></i>
                    </a>
                    <input type="hidden" id="tags_data" value="{{$tags}}">
                    <input type="hidden" id="current_user" value="{{auth()->user()->id}}">
                    <table class="table table-striped" style="width:100%;display: inline-table;" id="companies_table">
                        <thead>
                            <tr>
                                <th>
                                    {{__('tenant::company.company name')}}
                                </th>
                                <th>
                                    {{__('tenant::company.company identifier')}}
                                </th>
                                <th width="10%">
                                    {{__('tenant::company.email')}}
                                </th>
                                <th width="10%">
                                    @lang('superadmin::User.mobile')
                                </th>
                                <!-- <th>
                                    {{__('Foodics')}}
                                </th> -->
                                <th>
                                    {{__('tenant::company.industry')}}
                                </th>
                                <th>
                                    {{__('tenant::company.package')}}
                                </th>
                                <!-- <th>
                                    {{__('tenant::company.tag')}}
                                </th> -->
                                <th>
                                    {{__('tenant::company.company status')}}
                                </th>
                                <th>
                                    {{__('tenant::company.created_date')}}
                                </th>
                                <th>
                                    {{__('tenant::company.last_activity')}}
                                </th>
                                <th>
                                    {{__('tenant::company.university')}}
                                </th>
                                <th>
                                    {{__('tenant::company.graduation_year')}}
                                </th>
                                <th class="hidden-print">@lang('Actions')</th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>

                </div>
            </div>
        </div>
    </div>
</section>

@endsection
@section('extra_scripts')
<script src="{{url('assets/js/vendors/js/pickers/dateTime/moment-with-locales.min.js')}}" defer></script>
<script src="{{url('assets/js/vendors/js/pickers/dateTime/bootstrap-datetimepicker.min.js')}}" defer></script>
<script src="{{url('assets/js/vendors/js/pickers/pickadate/picker.js')}}" defer></script>
<script src="{{url('assets/js/vendors/js/pickers/pickadate/picker.time.js')}}" defer></script>
<script src="{{url('assets/js/vendors/js/pickers/pickadate/legacy.js')}}" defer></script>
<script src="{{url('assets/js/vendors/js/pickers/daterange/daterangepicker.js')}}" defer></script>

<script src="{{ asset('assets/js/custom/daterangepicker.js') }}" defer></script>
<script src="{{url('assets/js/vendors/js/pickers/dateTime/picker-date-time.js')}}" defer></script>
<script src="{{ asset('assets/js/sweetalert.min.js') }}" defer></script>
<script src="{{asset('assets/js/custom/amsify-suggestags/amsify-suggestags.js')}}" defer></script>
<script src="{{ asset('assets/js/select2/select2.min.js') }}" defer></script>
{{-- <script src="{{asset('assets/js/custom/datatable/customDatatable.js')}}"></script> --}}
<script>
window.addEventListener('DOMContentLoaded', function () {
	(function ($) {
        $("body").on("click",".filterbtn",function(){
                let url = new URL(window.location.href);
                let create_date_from = url.searchParams.get("create_date_from");
                let create_date_to = url.searchParams.get("create_date_to");
                let last_activity_date_from = url.searchParams.get("last_activity_date_from");
                let last_activity_date_to = url.searchParams.get("last_activity_date_to");
                let renewal_date_from = url.searchParams.get("renewal_date_from");
                let renewal_date_to = url.searchParams.get("renewal_date_to");
                if((create_date_from == '' ||  create_date_from == null)){
                    $("#create_date_from").val("");
                }
                if((create_date_to == '' ||  create_date_to == null)){
                    $("#create_date_to").val("");
                }
                if((last_activity_date_from == '' ||  last_activity_date_from == null)){
                    $("#last_activity_date_from").val("");
                }
                if((last_activity_date_to == '' ||  last_activity_date_to == null)){
                    $("#last_activity_date_to").val("");
                }
                if((renewal_date_from == '' ||  renewal_date_from == null)){
                    $("#renewal_date_from").val("");
                }
                if((renewal_date_to == '' ||  renewal_date_to == null)){
                    $("#renewal_date_to").val("");
                }
        });
        var table = $('#companies_table').DataTable({
            processing: true,
            serverSide: true,
            responsive: true,
            search: true,
            ajax: {
                url: "{{route('students.index')}}",
                data: