@extends('layouts.library.layout')

@section('content')
<div class="relative">

<div class="flex flex-wrap lg:flex-row justify-between my-3">
<div class="">
   <h1 class="admin-h1 my-3">Teaching Staff ( {{ $count }} )</h1>
</div>

   <div class="w-full lg:w-2/4">
   	 <div id="search" ></div>
   	 <div id="LibraryTeacherFilter" ></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/teacher/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 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" xml:space="preserve" class="w-3 h-3 fill-current text-white"><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"></path></g></g></svg>
   </a> 
   </div> -->
   <!-- <div>
    <teacher-export url="{{ url('/') }}" searchquery="{{ $query }}"></teacher-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>


   

@include('partials.message')
<libraryteacher-list url="{{url('/')}}"  searchquery="{{$query}}" letter="{{ $alphabet }}" birthday="{{ $birthday }}"></libraryteacher-list>

<libraryteachersearch-filter url="{{url('/')}}" searchquery="{{$query}}"></libraryteachersearch-filter>
   
</div>

 @endsection