@extends('layouts.admin.master')

@section('title')
    E-labclub | {{__('Show Student')}}
@endsection

@push('css')
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/photoswipe.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/datatables.css') }}">

@endpush

@section('content')
    @component('components.breadcrumb')
        @slot('breadcrumb_title')
            <h3>{{__('Show Details About Student')}}</h3>
        @endslot

        <li class="breadcrumb-item"><a href="{{ route('users.index') }}">{{__('Students')}}</a></li>
        <li class="breadcrumb-item active">{{__('Show Student')}}</li>
    @endcomponent

    <!-- Container-fluid starts-->
    <div class="container-fluid">
        <div class="user-profile">
            <div class="row">
                <!-- user profile header start-->
                <div class="col-sm-12">
                    <div class="card profile-header">
                        <div class="cover_upload">
                            <a id="updateUniversityImage1Modal" data-bs-toggle="modal"
                               data-bs-target=".addImageModalImage1Model" data-manager1_id="{{ $manager->id }}">
                                <i class="icofont icofont-pencil-alt-5"></i>
                            </a>
                        </div>

                        @include('dashbord.include.image', [
                            'model_id' => 'addImageModalImage1Model',
                            'type' => 'radio',
                            'name' => 'image_id',
                            'button_name' => 'Image',
                            'route' => 'managers.updateImage',
                            'hiddenInput' => ['manager_id' => $manager->id],
                        ])


                        <img class="img-fluid bg-img-cover" src="{{ $manager->imagePath }}" alt=""/>
                        <div class="profile-img-wrrap">
                            <img class="img-fluid bg-img-cover" src="{{ $manager->imagePath }}" alt=""/>
                        </div>
                        <div class="userpro-box">
                            <div class="img-wrraper">
                                <div class="img-wrraper">
                                    <div class="avatar">
                                        <img class="img-fluid" alt="" src="{{ $manager->logo }}"/>
                                    </div>
                                    <a class="icon-wrapper" id="updateUniversityLogoModal" data-bs-toggle="modal"
                                       data-bs-target=".addImageModalLogoModel"
                                       data-manager2_id="{{ $manager->id }}">
                                        <i class="icofont icofont-pencil-alt-5"></i>
                                    </a>
                                </div>

                                @include('dashbord.include.image', [
                                    'model_id' => 'addImageModalLogoModel',
                                    'type' => 'radio',
                                    'name' => 'logo_id',
                                    'button_name' => 'Logo',
                                    'route' => 'managers.updateImage',
                                    'hiddenInput' => ['manager_id' => $manager->id],
                                ])

                                <div class="user-designation">
                                    <div class="title">
                                        <a target="_blank" href="">
                                            <h4>{{ $manager->name }}</h4>
                                            {{-- <h6>{{ $manager->colleges->name }}</h6> --}}
                                        </a>
                                    </div>
                                    <div class="follow">
                                        <ul class="follow-list">
                                            <li>
                                                <div class="follow-num counter">
                                                    {{$manager->applications()->count()}}
                                                </div>
                                                <span>{{__('Applications')}}</span>

                                            </li>
                                            {{-- <li>
                                                <div class="follow-num counter">{{ $manager->testimonials->count() }}
                                                </div>
                                                <span>Testimonial</span>
                                            </li> --}}
                                            <li>
                                                <div class="follow-num counter">99
                                                </div>
                                                <span>{{__('Employees')}}</span>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- user profile header end-->
                <div class="col-xl-3 col-lg-12 col-md-5 xl-35">
                    <div class="default-according style-1 faq-accordion job-accordion">
                        <div class="row">
                            <div class="col-xl-12">
                                <div class="card" data-intro="This is your Your detail">
                                    <div class="card-header">
                                        <h3 class="p-0">
                                            <button class="btn btn-link ps-0" data-bs-toggle="collapse"
                                                    data-bs-target="#collapseicon2" aria-expanded="true"
                                                    aria-controls="collapseicon2">{{__('About Me')}}</button>
                                        </h3>
                                    </div>
                                    <div class="collapse show" id="collapseicon2" aria-labelledby="collapseicon2"
                                         data-parent="#accordion">
                                        <div class="card-body post-about">
                                            <ul>
                                                <li>
                                                    <div class="icon"><i data-feather="briefcase"></i></div>
                                                    <div>
                                                        <strong>{{__('Name')}}</strong>
                                                        <h5>{{ $manager->name }}</h5>
                                                        {{--                                                        <p>banglore - 2021</p>--}}
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="icon"><i data-feather="book"></i></div>
                                                    <div>
                                                        <strong>{{__('Email')}}</strong>
                                                        <h5>{{ $manager->email }}</h5>
                                                        {{--                                                        <p>at london univercity - 2015</p>--}}
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="icon"><i data-feather="heart"></i></div>
                                                    <div>
                                                        <strong>{{__('Status')}}</strong>
                                                        <h5>
                                                              <span
                                                                  class="status-dot {{ $manager->status == 'active' ? 'status-active' : 'status-inactive' }}"></span>
                                                            {{ $manager->status == 'active' ? 'Activated' : 'Not Activated' }}
                                                        </h5>
                                                        {{--                                                        <p>single</p>--}}
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="icon"><i data-feather="map-pin"></i></div>
                                                    <div>
                                                        <strong>{{__('Mobile')}}</strong>

                                                        <h5>{{ $manager->mobile }}</h5>
                                                        {{--                                                        <p>last 5 year</p>--}}
                                                    </div>
                                                </li>
{{--                                                <li>--}}
{{--                                                    <div class="icon"><i data-feather="droplet"></i></div>--}}
{{--                                                    <div>--}}
{{--                                                        <strong>{{__('Gender')}}</strong>--}}

{{--                                                        <h5>{{$manager->genders}}</h5>--}}
{{--                                                        --}}{{--                                                        <p>O+ positive</p>--}}
{{--                                                    </div>--}}
{{--                                                </li>--}}
{{--                                                <li>--}}
{{--                                                    <div class="icon"><i data-feather="droplet"></i></div>--}}
{{--                                                    <div>--}}
{{--                                                        <strong>{{__('Nationality')}}</strong>--}}

{{--                                                        <h5>{{$manager->nathinalty->name ?? "Egyptian"}}</h5>--}}
{{--                                                        --}}{{--                                                        <p>O+ positive</p>--}}
{{--                                                    </div>--}}
{{--                                                </li>--}}
{{--                                                <li>--}}
{{--                                                    <div class="icon"><i data-feather="droplet"></i></div>--}}
{{--                                                    <div>--}}
{{--                                                        <strong>{{__('Age')}}</strong>--}}
{{--                                                        <h5>{{$manager->age}}</h5>--}}
{{--                                                        --}}{{--                                                        <p>O+ positive</p>--}}
{{--                                                    </div>--}}
{{--                                                </li>--}}
                                            </ul>
                                            {{--                                            <div class="social-network theme-form"><span class="f-w-600">Social Networks</span>--}}
                                            {{--                                                <button class="btn social-btn btn-fb mb-2 text-center"><i class="fa fa-facebook m-r-5"></i>Facebook</button>--}}
                                            {{--                                                <button class="btn social-btn btn-twitter mb-2 text-center"><i class="fa fa-twitter m-r-5"></i>Twitter</button>--}}
                                            {{--                                                <button class="btn social-btn btn-google text-center"><i class="fa fa-dribbble m-r-5"></i>Dribbble</button>--}}
                                            {{--                                            </div>--}}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>


                <div class="col-xl-9 col-lg-12 col-md-7 xl-65">
                    <div class="row">
                        <div class="container-fluid">
                            <div class="row">
                                <!-- Zero Configuration  Starts-->
                                <div class="col-sm-12">
                                    <div class="card">
                                        <div class="card-header">
                                            <h3>{{__('Employees Table')}}</h3>
                                            <hr>
                                            {{--                                            <div class="select">Enter--}}
                                            {{--                                                <select name="" id="">--}}
                                            {{--                                                    <option value="1">7</option>--}}
                                            {{--                                                    <option value="2">66</option>--}}
                                            {{--                                                    <option value="3">5</option>--}}
                                            {{--                                                    <option value="4">12</option>--}}
                                            {{--                                                </select>--}}
                                            {{--                                            </div>--}}
                                        </div>
                                        <div class="card-body">
                                            <div class="table-responsive">
                                                <table class="display" id="basic-1">
                                                    <thead>
                                                    <tr>
                                                        <th>{{__('Num')}}</th>
                                                        <th>{{__('Status')}}</th>
                                                        <th>{{__('Name')}}</th>
                                                        <th>{{__('Email')}}</th>
                                                        <th>{{__('Mobile')}}</th>
                                                        <th>{{__('Image')}}</th>
                                                        <th>{{__('Birth Date')}}</th>
                                                        <th>{{__('Action')}}</th>
                                                    </tr>
                                                    </thead>
                                                    <tbody>
                                                    @foreach ($manager->subordinates()->get() as $employee)
                                                        <tr>
                                                            <td>{{$loop->index +1}}</td>
                                                            <td>
                                                             <span class="status-dot {{ $employee->status == 'active' ? 'status-active' : 'status-inactive' }}"></span>
                                                                {{ $employee->status == 'active' ? 'Activated' : 'Not Activated' }}
                                                            </td>
                                                            <td>{{ $employee->name }}</td>
                                                            <td>{{ $employee->email }}</td>
                                                            <td>{{ $employee->mobile }}</td>
                                                            <td>
                                                                <img src="{{ $employee->logo }}" alt="">
                                                            </td>
                                                            <td>{{ $employee->birth ? $employee->birth->format('y:m:d') : now()->format('y:m:d') }}</td>
                                                            <td>
                                                                <div class="wrappper">
                                                                    <div class="dropdown-basic">
                                                                        <div class="dropdown">
                                                                            <button class="dropbtn btn-primary"
                                                                                    type="button">
                                                                                {{__('Actions')}} <span><i
                                                                                        class="icofont icofont-arrow-down"></i></span>
                                                                            </button>
                                                                            <div class="dropdown-content me">
                                                                                @can('employee-edit')
                                                                                    <a href="{{ route('employees.edit', $employee->id) }}">{{ __('Edit') }}</a>
                                                                                @endcan
                                                                                @can('employee-show')
                                                                                    <a href="{{ route('employees.show', $employee->id) }}">{{ __('Show') }}</a>
                                                                                @endcan

                                                                                @can('employee-delete')
                                                                                    <a href="javascript:void(0);"
                                                                                       onclick="confirmDelete('employee', {{ $employee->id }})">{{ __('Delete') }}</a>
                                                                                @endcan
                                                                                <form
                                                                                    id="deleteForm-employee-{{ $employee->id }}"
                                                                                    action="{{ route('employees.destroy', $employee->id) }}"
                                                                                    method="POST"
                                                                                    style="display: none;">
                                                                                    @csrf
                                                                                    @method('delete')
                                                                                </form>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Zero Configuration  Ends-->
                            </div>
                        </div>
                    </div>
                </div>

                <!-- user profile fifth-style end-->
                <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
                    <div class="pswp__bg"></div>
                    <div class="pswp__scroll-wrap">
                        <div class="pswp__container">
                            <div class="pswp__item"></div>
                            <div class="pswp__item"></div>
                            <div class="pswp__item"></div>
                        </div>
                        <div class="pswp__ui pswp__ui--hidden">
                            <div class="pswp__top-bar">
                                <div class="pswp__counter"></div>
                                <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
                                <button class="pswp__button pswp__button--share" title="Share"></button>
                                <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
                                <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
                                <div class="pswp__preloader">
                                    <div class="pswp__preloader__icn">
                                        <div class="pswp__preloader__cut">
                                            <div class="pswp__preloader__donut"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
                                <div class="pswp__share-tooltip"></div>
                            </div>
                            <button class="pswp__button pswp__button--arrow--left"
                                    title="Previous (arrow left)"></button>
                            <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"></button>
                            <div class="pswp__caption">
                                <div class="pswp__caption__center"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <!-- Container-fluid Ends-->


    @push('scripts')
        <script src="{{ asset('assets/js/form-validation-custom.js') }}"></script>
        <script src="{{ asset('assets/js/counter/jquery.waypoints.min.js') }}"></script>
        <script src="{{ asset('assets/js/counter/jquery.counterup.min.js') }}"></script>
        <script src="{{ asset('assets/js/counter/counter-custom.js') }}"></script>
        <script src="{{ asset('assets/js/photoswipe/photoswipe.min.js') }}"></script>
        <script src="{{ asset('assets/js/photoswipe/photoswipe-ui-default.min.js') }}"></script>
        <script src="{{ asset('assets/js/photoswipe/photoswipe.js') }}"></script>
        <!-- Plugins JS start-->
        <script src="{{ asset('assets/js/tooltip-init.js') }}"></script>
        <script src="{{ asset('assets/js/prism/prism.min.js') }}"></script>
        <script src="{{ asset('assets/js/clipboard/clipboard.min.js') }}"></script>
        <script src="{{ asset('assets/js/custom-card/custom-card.js') }}"></script>
        <script src="{{ asset('assets/js/datatable/datatables/jquery.dataTables.min.js') }}"></script>
        <script src="{{ asset('assets/js/datatable/datatables/datatable.custom.js') }}"></script>
        @include('dashbord.include.custom-datatable')
        <!-- Plugins JS Ends-->
    @endpush
@endsection