@extends('layouts.admin')
@section('content')
<div class="app-content my-3 my-md-5">
    <div class="side-app">
        <x-page.header>Search For Student</x-page.header>
        @include('admin.errors.form-errors')
         {{-- Search students --}}
         <form action="{{ route('admin.manual-recharge.SearchStudentsForManualRecharge') }}" method="get">
            <div class="mb-5">
                <div class="card">
                    <div class="p-5 bg-white">
                        <div class="mt-3 item2-gl-nav">
                            <div class="d-block ">
                                <h5 class="mb-2 mt-0">Search Students</h5>
                                <div class="row">
                                    <div class="col-md-4">
                                        <label class=" mt-3 mb-sm-1"> Student Name: </label>
                                        <input type="text" name="nameSearch" id="search"
                                            value="{{ request()->get('nameSearch') }}" class="form-control br-ts-7 br-bs-7">
                                    </div>
                                    <div class="col-md-4">
                                        <label class=" mt-3 mb-sm-1"> Student Phone: </label>
                                        <input type="tel" name="phoneSearch" id="search"
                                            value="{{ request()->get('phoneSearch') }}" class="form-control br-ts-7 br-bs-7">
                                    </div>
                                    <div class="col-md-4">
                                        <label class=" mt-3 mb-sm-1"> Student Email: </label>
                                        <input type="email" name="emailSearch" id="search"
                                            value="{{ request()->get('emailSearch') }}" class="form-control br-ts-7 br-bs-7">
                                    </div>

                                </div>
                            </div>
                            <div class="mx-auto d-block">
                                <input type="submit" id="submit" class="btn btn-primary mx-auto d-block mt-6"
                                    value="Search">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>

@if(!empty($search_students))
<div class="modal fade" id="students_modal">
    <div class="modal-dialog" role="document">
        <div class="modal-content modal-content-demo">
            <div class="modal-header">
                <h6 class="modal-title">Students</h6>
                <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">
                @forelse ($search_students as $item)
                <div class="card m-b-20">
                    <div class="card-body">
                    <div class="visitor-list">
                            <div class="media m-0 mt-0">
                                @if($item->user->image)
                                <img class="brround me-3" alt="avatra-img" src="{{ $item->user->image}}">
                                @else
                                <img class="brround me-3" alt="avatra-img" src="{{env('SECURE_ASSETS').'/images/users/user_profile.png'}}">
                                @endif
                                <div class="media-body d-flex">
                                    <div class="me-8">
                                        <a href="{{route('admin.manual-recharge',$item->user_id)}}" class="text-default font-weight-semibold">{{$item->user->first_name.' '.$item->user->middle_name.' '.$item->user->last_name.' '}} </a>
                                        <p class="text-muted ">{{$item->user->phone}}</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                @empty
                <p class="text-center text-danger">There is no data</p>
                @endforelse
            </div>
            <div class="modal-footer">
                <button class="btn btn-secondary" data-bs-dismiss="modal" type="button">Close</button>
            </div>
        </div>
    </div>
</div>
@endif
@endsection
@section('admin-js')
{{-- Show students modal --}}
@if(!empty($search_students))
<script type="text/javascript">
    $(window).on('load', function() {
        $('#students_modal').modal('show');
    });
</script>
@endif
@endsection