@extends('layouts.master')
@section('title', 'Schools')
@section('pagetitle', 'List of Schools')

@section('content')
    <main>
        <div class="main">
            <div class="student mb-60">
                <div class="header mb-30">
                    <h1 class="hd">Schools</h1>
                    <button
                        id="addschoolBtn" data-modal-target="#add-school" class="start">
                        <span class="material-icons-sharp">add</span> Add new School
                    </button>
                </div>

                <div class="subHeading mb-30">
                    <div class="leftsub">
                        <div class="tabletab l-active" data-targetname="allschools">
                            <h4 class="t-active">All Schools</h4>
                            <span class="tabletab-number number active">{{ $allSchoolsCnt }}</span>
                        </div>
                        <div class="tabletab" data-targetname="activeschools">
                            <h4>Active</h4>
                            <span class="tabletab-number number">{{ $activeSchoolsCnt }}</span>
                        </div>
                        <div class="tabletab" data-targetname="inactiveschools">
                            <h4>Inactive</h4>
                            <span class="tabletab-number number">{{ $inactiveSchoolsCnt }}</span>
                        </div>
                    </div>
                    <div class="rightsub">
                        <div class="search">
{{--                            <input--}}
{{--                                type="search"--}}
{{--                                placeholder=" "--}}
{{--                                class="search_input"--}}
{{--                                name=""--}}
{{--                                id=""--}}
{{--                            />--}}
{{--                            <label for="search" class="search_label">Search</label>--}}
{{--                            <span class="material-icons-sharp search-icon">search</span>--}}
                        </div>
                        <div class="ml-10">
{{--                            <button type="submit" class="more">Import List</button>--}}
{{--                            <button type="submit" class="more">Export List</button>--}}
                        </div>
                    </div>
                </div>

                <div id="allschools" class="table-data all-schools">
                    <table>
                        @if(count($schools) > 0)
                            <thead>
                            <tr>
                                <th>Name</th>
                                <th>Contact email</th>
                                <th>Admin name</th>
                                <th>Admin email</th>
                                <th>Date added</th>
                                <th>Actions</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($schools as $school)
                                <tr>
                                    <td>{{ !empty(data_get($school, 'name')) ?  data_get($school, 'name')  : "-" }}</td>
                                    <td>{{ !empty(data_get($school, 'contact_email')) ?  data_get($school, 'contact_email')  : "-" }}</td>
                                    <td>{{ !empty(data_get($school, 'admin_name')) ?  data_get($school, 'admin_name')  : "-" }}</td>
                                    <td>{{ !empty(data_get($school, 'admin_email')) ?  data_get($school, 'admin_email')  : "-" }}</td>
                                    <td>{{ !empty(show_date($school->created_at)) ?  show_date($school->created_at)  : "-" }}</td>
                                    <td class="text-center align-middle">
                                        <button
                                            id="editSchoolBtn"
                                            class="btn btn-icon edit" data-modal-target="#edit-career"
                                            data-id="{{ !empty(data_get($school, 'id')) ?  data_get($school, 'id')  : "-" }}"
                                            data-name="{{ !empty(data_get($school, 'name')) ?  data_get($school, 'name')  : "-" }}"
                                            data-contact_email="{{ !empty(data_get($school, 'contact_email')) ?  data_get($school, 'contact_email')  : "-" }}"
                                            data-admin_name="{{ !empty(data_get($school, 'admin_name')) ?  data_get($school, 'admin_name')  : "-" }}"
                                            data-admin_email="{{ !empty(data_get($school, 'admin_email')) ?  data_get($school, 'admin_email')  : "-" }}"
                                            title="@lang('Edit Plan')"
                                            data-toggle="tooltip" data-placement="top">
                                            <i class="fas fa-edit"></i>
                                        </button>

                                        <a href="{{ route('super.schools.destroy', $school) }}"
                                           class="btn btn-icon js-remove-list-item"
                                           title="@lang('Delete School')"
                                           data-toggle="tooltip"
                                           data-placement="top"
                                           data-method="DELETE"
                                           data-url = "{{ route('super.schools.destroy', $school) }}"
                                           data-confirm-title="@lang('Please Confirm')"
                                           data-confirm-text="@lang('Are you sure that you want to delete this school?')"
                                           data-confirm-delete="@lang('Yes, delete!')">
                                            <i class="fas fa-trash"></i>
                                        </a>
                                    </td>
                                </tr>
                            @endforeach
                        @else
                            <thead>
                            <tr>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td style="border-bottom: none; text-align: center" colspan="5">No schools to show</td>
                            </tr>
                            @endif
                            </tbody>
                    </table>
                </div>
                <div id="activeschools" class="table-data all-schools none">
                    <table>
                        @if(count($activeschools) > 0)
                            <thead>
                            <tr>
                                <th>Name</th>
                                <th>Contact email</th>
                                <th>Admin name</th>
                                <th>Admin email</th>
                                <th>Date added</th>
                                <th>Actions</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($activeschools as $school)
                                <tr>
                                    <td>{{ !empty(data_get($school, 'name')) ?  data_get($school, 'name')  : "-" }}</td>
                                    <td>{{ !empty(data_get($school, 'contact_email')) ?  data_get($school, 'contact_email')  : "-" }}</td>
                                    <td>{{ !empty(data_get($school, 'admin_name')) ?  data_get($school, 'admin_name')  : "-" }}</td>
                                    <td>{{ !empty(data_get($school, 'admin_email')) ?  data_get($school, 'admin_email')  : "-" }}</td>
                                    <td>{{ !empty(show_date($school->created_at)) ?  show_date($school->created_at)  : "-" }}</td>
                                    <td class="text-center align-middle">
                                        <button
                                            id="editSchoolBtn"
                                            class="btn btn-icon edit" data-modal-target="#edit-career"
                                            data-id="{{ !empty(data_get($school, 'id')) ?  data_get($school, 'id')  : "-" }}"
                                            data-name="{{ !empty(data_get($school, 'name')) ?  data_get($school, 'name')  : "-" }}"
                                            data-contact_email="{{ !empty(data_get($school, 'contact_email')) ?  data_get($school, 'contact_email')  : "-" }}"
                                            data-admin_name="{{ !empty(data_get($school, 'admin_name')) ?  data_get($school, 'admin_name')  : "-" }}"
                                            data-admin_email="{{ !empty(data_get($school, 'admin_email')) ?  data_get($school, 'admin_email')  : "-" }}"
                                            title="@lang('Edit Plan')"
                                            data-toggle="tooltip" data-placement="top">
                                            <i class="fas fa-edit"></i>
                                        </button>

                                        <a href="{{ route('super.schools.destroy', $school) }}"
                                           class="btn btn-icon js-remove-list-item"
                                           title="@lang('Delete Plan')"
                                           data-toggle="tooltip"
                                           data-placement="top"
                                           data-method="DELETE"
                                           data-url = "{{ route('super.schools.destroy', $school) }}"
                                           data-confirm-title="@lang('Please Confirm')"
                                           data-confirm-text="@lang('Are you sure that you want to delete this school?')"
                                           data-confirm-delete="@lang('Yes, delete!')">
                                            <i class="fas fa-trash"></i>
                                        </a>
                                    </td>
                                </tr>
                            @endforeach
                        @else
                            <thead>
                            <tr>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td style="border-bottom: none; text-align: center" colspan="5">No schools to show</td>
                            </tr>
                            @endif
                            </tbody>
                    </table>
                </div>
                <div id="inactiveschools" class="table-data all-schools none">
                    <table>
                        @if(count($inactiveschools) > 0)
                            <thead>
                            <tr>
                                <th>Name</th>
                                <th>Contact email</th>
                                <th>Admin name</th>
                                <th>Admin email</th>
                                <th>Date added</th>
                                <th>Actions</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($inactiveschools as $school)
                                <tr>
                                    <td>{{ !empty(data_get($school, 'name')) ?  data_get($school, 'name')  : "-" }}</td>
                                    <td>{{ !empty(data_get($school, 'contact_email')) ?  data_get($school, 'contact_email')  : "-" }}</td>
                                    <td>{{ !empty(data_get($school, 'admin_name')) ?  data_get($school, 'admin_name')  : "-" }}</td>
                                    <td>{{ !empty(data_get($school, 'admin_email')) ?  data_get($school, 'admin_email')  : "-" }}</td>
                                    <td>{{ !empty(show_date($school->created_at)) ?  show_date($school->created_at)  : "-" }}</td>
                                    <td class="text-center align-middle">
                                        <button
                                            id="editSchoolBtn"
                                            class="btn btn-icon edit" data-modal-target="#edit-career"
                                            data-id="{{ !empty(data_get($school, 'id')) ?  data_get($school, 'id')  : "-" }}"
                                            data-name="{{ !empty(data_get($school, 'name')) ?  data_get($school, 'name')  : "-" }}"
                                            data-contact_email="{{ !empty(data_get($school, 'contact_email')) ?  data_get($school, 'contact_email')  : "-" }}"
                                            data-admin_name="{{ !empty(data_get($school, 'admin_name')) ?  data_get($school, 'admin_name')  : "-" }}"
                                            data-admin_email="{{ !empty(data_get($school, 'admin_email')) ?  data_get($school, 'admin_email')  : "-" }}"
                                            title="@lang('Edit Plan')"
                                            data-toggle="tooltip" data-placement="top">
                                            <i class="fas fa-edit"></i>
                                        </button>

                                        <a href="{{ route('super.schools.destroy', $school) }}"
                                           class="btn btn-icon js-remove-list-item"
                                           title="@lang('Delete Plan')"
                                           data-toggle="tooltip"
                                           data-placement="top"
                                           data-method="DELETE"
                                           data-url = "{{ route('super.schools.destroy', $school) }}"
                                           data-confirm-title="@lang('Please Confirm')"
                                           data-confirm-text="@lang('Are you sure that you want to delete this school?')"
                                           data-confirm-delete="@lang('Yes, delete!')">
                                            <i class="fas fa-trash"></i>
                                        </a>
                                    </td>
                                </tr>
                            @endforeach
                        @else
                            <thead>
                            <tr>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td style="border-bottom: none; text-align: center" colspan="5">No schools to show</td>
                            </tr>
                            @endif
                            </tbody>
                    </table>
                </div>

            </div>
        </div>

        <div id="add-school" class="addnew-modal">
            <div class="cl">
                <div id="close-school-modal" class="x-cancel close-modal-btn">
                    <span class="material-icons-sharp">close</span>
                    <h5 style="display: inline">Close</h5>
                </div>

                <h1>Add New School</h1>
            </div>

            <div class="input mt-30">
                @include('layouts.partials.messages')
                <form action="{{ route('super.schools.addnew') }}" class="form form-careers-edit js-ajax-form"
                      method="POST">
                    @csrf
                    <div class="form-result"></div>
                    <div class="career-details">
                        <div class="">
                            <div class="intro">
                                <input
                                    type="text"
                                    class="intro_input"
                                    placeholder=" "
                                    required
                                    name="name"
                                />
                                <label for="" class="intro_label">School Name*</label>
                            </div>
                        </div>

                        <div class="">
                            <div class="intro">
                                <input
                                    type="email"
                                    class="intro_input"
                                    placeholder=" "
                                    required
                                    name="contact_email"
                                />
                                <label for="" class="intro_label">Contact Email*</label>
                            </div>
                        </div>

                        <div class="">
                            <div class="intro">
                                <input
                                    type="email"
                                    class="intro_input"
                                    placeholder=" "
                                    required
                                    name="admin_email"
                                />
                                <label for="" class="intro_label">Admin Email*</label>
                            </div>
                        </div>

                        <div class="">
                            <div class="intro">
                                <input
                                    type="text"
                                    class="intro_input"
                                    placeholder=" "
                                    required
                                    name="admin_name"
                                />
                                <label for="" class="intro_label">Admin Name*</label>
                            </div>
                        </div>
                        <div class="row">
                            <button type="submit" class="formsubmitbtn editbtn">Add School</button>
                            <button type="reset" form="form-careers-edit" class="formsubmitbtn more">Clear</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>

        <div id="edit-career" class="addnew-modal">
            <div class="cl">
                <div id="close-school-modal" class="x-cancel close-modal-btn">
                    <span class="material-icons-sharp">close</span>
                    <h5 style="display: inline">Close</h5>
                </div>

                <h1>Edit School</h1>
            </div>
            <div class="input mt-30">
                @include('layouts.partials.messages')
                <form action="{{ route('super.schools.update') }}" class="form form-careers-edit js-ajax-form"
                      id="form-careers-edit" method="PUT">
                    @csrf
                    <div class="form-result"></div>
                    <div class="career-details">
                        <div class="row">
                            <div class="intro">
                                <input type="text" hidden name="id" id="schoolId_edit"/>
                            </div>
                        </div>

                        <div class="row">
                            <div class="intro">
                                <input
                                    type="text"
                                    class="intro_input"
                                    required
                                    name="name"
                                    id="schoolName_edit"
                                />
                                <label for="" class="intro_label">School Name*</label>
                            </div>
                        </div>

                        <div class="row">
                            <div class="intro">
                                <input
                                    type="email"
                                    class="intro_input"
                                    required
                                    name="contact_email"
                                    id="schoolContactEmail_edit"
                                />
                                <label for="" class="intro_label">Contact Email*</label>
                            </div>
                        </div>

                        <div class="row">
                            <div class="intro">
                                <input
                                    type="email"
                                    class="intro_input"
                                    required
                                    name="admin_email"
                                    id="schoolAdminEmail_edit"
                                />
                                <label for="" class="intro_label">Admin Email*</label>
                            </div>
                        </div>

                        <div class="row">
                            <div class="intro">
                                <input
                                    type="text"
                                    class="intro_input"
                                    required
                                    name="admin_name"
                                    id="schoolAdminName_edit"
                                />
                                <label for="" class="intro_label">Admin Name*</label>
                            </div>
                        </div>

                        <div class="row">
                            <button type="submit" form="form-careers-edit" class="formsubmitbtn editbtn">Edit School</button>
                            <button type="reset" form="form-careers-edit" class="formsubmitbtn more">Clear</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </main>
@endsection