@extends('layouts.library.layout')

@section('content')
    <div class="relative">
        <div class="flex flex-wrap lg:flex-row justify-between my-3">
            <div id="student_count"></div>
            <!-- <div class="">
                <h1 class="admin-h1 my-3">Students ( {{ $count }} )</h1>
            </div> -->
            <div class="w-full lg:w-2/4">
   	            <div id="search" ></div>
   	            <div id="memberfilter" ></div>
            </div>
            <div class="relative flex items-center w-1/4 lg:justify-end">
                <!-- <div class="flex items-center" dusk="add-button">
                    <a href="{{url('/admin/student/add/')}}" class="no-underline text-white  px-4 my-3 mx-1 flex items-center custom-green py-1 justify-center">
                        <span class="mx-1 text-sm font-semibold">Add</span>
                        <svg class="w-3 h-3 fill-current text-white" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 409.6 409.6" style="enable-background:new 0 0 409.6 409.6;" xml:space="preserve"><g><g><path d="M392.533,187.733H221.867V17.067C221.867,7.641,214.226,0,204.8,0s-17.067,7.641-17.067,17.067v170.667H17.067 C7.641,187.733,0,195.374,0,204.8s7.641,17.067,17.067,17.067h170.667v170.667c0,9.426,7.641,17.067,17.067,17.067 s17.067-7.641,17.067-17.067V221.867h170.667c9.426,0,17.067-7.641,17.067-17.067S401.959,187.733,392.533,187.733z"/></g></g></svg>
                    </a> 
                </div> -->
               <!--  <div class="">
                    <a href="{{ url('/admin/exportUsers/?'.$query) }}" id="export-button" class="no-underline text-white px-4 my-3 mx-1 flex items-center custom-green py-1">
                        <span class="mx-1 text-sm font-semibold">Export</span>
                    </a> 
                </div> -->
                <div>
                    <student-export url="{{ url('/') }}" searchquery="{{ $query }}"></student-export>
                </div>
                <div class="">
                    <a href="{{ url('/library/import/library') }}" id="import-button" class="no-underline text-white  px-4 my-3 mx-1 flex items-center custom-green py-1">
                        <span class="mx-1 text-sm font-semibold">Import</span>
                    </a> 
                </div>
            </div>
        </div>
        @include('partials.message')
        <form action="{{ url('/admin/students') }}" enctype="multipart form-data">
            <div class=" flex flex-wrap items-center mt-3">
                <select class="tw-form-control text-xs" name="standard">
                    <option value="">All Class</option>
                    @foreach($standardLinks as $standardLink)
                        <option value="{{ $standardLink->id }}" {{ $standardLink->id == request()->query('standard') ? 'selected' : '' }} {{ $standardLink->id == $standard ? 'selected' : '' }}>{{ $standardLink->StandardSection }}</option>
                    @endforeach
                </select>
                <button value="Submit" type="submit" class="blue-bg text-sm text-white px-2 py-1 rounded mx-1">Submit</button>
            </div>
        </form>
        <member-list url="{{ url('/') }}" searchquery="{{ $query }}" letter="{{ $alphabet }}" standard="{{ $standard }}" birthday="{{ $birthday }}" selected_standard="{{ $selected_standard }}"></member-list>
        <search-filter url="{{ url('/') }}" searchquery="{{ $query }}" selected_standard="{{ $selected_standard }}"></search-filter>
    </div>
@endsection