@extends('layouts.admin', ['withLoader' => true])

@section('css')
@endsection

@section('breadcrumb')
<div class="row page-title">
    <div class="col-md-12">
        <h4 class="mb-1 mt-0 font-weight-medium">Dashboard</h4>
    </div>
</div>
@endsection

@section('content')
<div class="row schedule-scheme-card">
    <div class="col-md-6 col-xl-4">
        <div class="card bg-card1">
            <div class="card-body p-0">
                <div class="media p-3">
                    <div class="media-body">
                        <h5 class="mb-1 text-black">{{ isset($dashboard->schools) ? $dashboard->schools : 0 }}</h5>
                        <span class="text-black font-weight-medium">Total number of schools</span>
                    </div>
                    <div class="align-self-center">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#e682ae" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-6 col-xl-4">
        <div class="card bg-card2">
            <div class="card-body p-0">
                <div class="media p-3">
                    <div class="media-body">
                        <h5 class="mb-1 text-black">{{ isset($dashboard->teachers) ? $dashboard->teachers : 0 }}</h5>
                        <span class="text-black font-weight-medium">Total number of teachers</span>
                    </div>
                    <div class="align-self-center">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#01c99a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-users icon-dual"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-6 col-xl-4">
        <div class="card bg-card3">
            <div class="card-body p-0">
                <div class="media p-3">
                    <div class="media-body">
                        <h5 class="mb-1 text-black">{{ isset($dashboard->childs) ? $dashboard->childs : 0 }}</h5>
                        <span class="text-black font-weight-medium">Total number of kids</span>
                    </div>
                    <div class="align-self-center">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#57a5c4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-users icon-dual"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-6 col-xl-4">
        <div class="card bg-card4">
            <div class="card-body p-0">
                <div class="media p-3">
                    <div class="media-body">
                        <h5 class="mb-1 text-black">{{ isset($dashboard->parents) ? $dashboard->parents : 0 }}</h5>
                        <span class="text-black font-weight-medium">Total number of parents</span>
                    </div>
                    <div class="align-self-center">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#8e5fd6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-users icon-dual"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-6 col-xl-4">
        <div class="card bg-card5">
            <div class="card-body p-0">
                <div class="media p-3">
                    <div class="media-body">
                        <h5 class="mb-1 text-black">{{ isset($dashboard->dailyRecords) ? $dashboard->dailyRecords : 0 }}</h5>
                        <span class="text-black font-weight-medium">Total number of daily records</span>
                    </div>
                    <div class="align-self-center">
                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:v="https://vecta.io/nano" width="32.703" height="32.703" fill="#e38559"><path d="M8.176 0a1.17 1.17 0 0 0-1.168 1.168V3.5h2.336V1.168A1.17 1.17 0 0 0 8.176 0zm16.35 0a1.17 1.17 0 0 0-1.168 1.168V3.5h2.336V1.168a1.17 1.17 0 0 0-.342-.826A1.17 1.17 0 0 0 24.526 0z"/><path d="M29.2 3.504h-3.5v4.672a1.17 1.17 0 0 1-1.752 1.012 1.17 1.17 0 0 1-.584-1.012V3.504H9.344v4.672a1.17 1.17 0 0 1-1.168 1.168 1.17 1.17 0 0 1-1.168-1.168V3.504H3.5a3.5 3.5 0 0 0-3.5 3.5v22.2a3.5 3.5 0 0 0 3.5 3.5h25.7a3.5 3.5 0 0 0 3.5-3.5v-22.2a3.5 3.5 0 0 0-3.5-3.5zm1.168 25.7a1.17 1.17 0 0 1-1.168 1.163H3.5a1.17 1.17 0 0 1-1.164-1.163V14.016h28.03zm-6.183-12.5a1.17 1.17 0 0 0-1.652 0l-8.52 8.52-3.846-3.846a1.17 1.17 0 0 0-1.652.001 1.17 1.17 0 0 0 .001 1.652l4.672 4.672a1.17 1.17 0 0 0 1.651 0l9.344-9.344a1.17 1.17 0 0 0 .003-1.655z"/></svg>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-6 col-xl-4">
        <div class="card bg-card6">
            <div class="card-body p-0">
                <div class="media p-3">
                    <div class="media-body">
                        <h5 class="mb-1 text-black">{{ isset($dashboard->stories) ? $dashboard->stories : 0 }}</h5>
                        <span class="text-black font-weight-medium">Total number of learning stories</span>
                    </div>
                    <div class="align-self-center">
                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:v="https://vecta.io/nano" width="33.572" height="25.648" fill="#de57bd"><path d="M5.135 0a1.18 1.18 0 0 0-.842.35 1.2 1.2 0 0 0-.354.853v18.013c.003.662.538 1.197 1.2 1.2 2.8.007 7.48.6 10.713 3.972V5.536a1.15 1.15 0 0 0-.165-.608C13.035.65 7.938.007 5.135 0zm24.5 19.216V1.2a1.2 1.2 0 0 0-1.2-1.2c-2.8.007-7.9.656-10.553 4.928a1.15 1.15 0 0 0-.165.608v18.85c3.232-3.382 7.917-3.965 10.713-3.972.664 0 1.202-.536 1.205-1.2zM32.37 4.153h-.87v15.062a3.07 3.07 0 0 1-3.063 3.066c-2.372.006-6.283.47-9.052 3.1a28.92 28.92 0 0 1 12.718.245 1.2 1.2 0 0 0 1.47-1.17V5.353a1.2 1.2 0 0 0-1.204-1.2zM2.072 19.215V4.153H1.2a1.2 1.2 0 0 0-1.2 1.2v19.094a1.2 1.2 0 0 0 1.47 1.17 28.92 28.92 0 0 1 12.718-.245c-2.77-2.62-6.68-3.085-9.052-3.1-1.7-.005-3.06-1.375-3.064-3.066z"/></svg>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-6 col-xl-4">
        <div class="card bg-card7">
            <div class="card-body p-0">
                <div class="media p-3">
                    <div class="media-body">
                        <h5 class="mb-1 text-black">{{ isset($dashboard->attendance) ? $dashboard->attendance : 0 }}</h5>
                        <span class="text-black font-weight-medium">Total hours of attendance</span>
                    </div>
                    <div class="align-self-center">
                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:v="https://vecta.io/nano" width="32.703" height="32.703" fill="#4d75c6"><path d="M8.176 0a1.17 1.17 0 0 0-1.168 1.168V3.5h2.336V1.168A1.17 1.17 0 0 0 8.176 0zm16.35 0a1.17 1.17 0 0 0-1.168 1.168V3.5h2.336V1.168a1.17 1.17 0 0 0-.342-.826A1.17 1.17 0 0 0 24.526 0z"/><path d="M29.2 3.504h-3.5v4.672a1.17 1.17 0 0 1-1.752 1.012 1.17 1.17 0 0 1-.584-1.012V3.504H9.344v4.672a1.17 1.17 0 0 1-1.168 1.168 1.17 1.17 0 0 1-1.168-1.168V3.504H3.5a3.5 3.5 0 0 0-3.5 3.5v22.2a3.5 3.5 0 0 0 3.5 3.5h25.7a3.5 3.5 0 0 0 3.5-3.5v-22.2a3.5 3.5 0 0 0-3.5-3.5zm1.168 25.7a1.17 1.17 0 0 1-1.168 1.163H3.5a1.17 1.17 0 0 1-1.164-1.163V14.016h28.03zm-6.183-12.5a1.17 1.17 0 0 0-1.652 0l-8.52 8.52-3.846-3.846a1.17 1.17 0 0 0-1.652.001 1.17 1.17 0 0 0 .001 1.652l4.672 4.672a1.17 1.17 0 0 0 1.651 0l9.344-9.344a1.17 1.17 0 0 0 .003-1.655z"/></svg>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="row mt-3">
    <div class="col-md-12">
        <h4 class="mb-3 mt-0 font-weight-medium font-size-19">Export emails</h4>
        <form action="{{ route('admin.export.emails') }}" method="post">
            @csrf
            <div class="row">
                <div class="col-auto checkbox big checkbox-pink pt-lg-1 mr-4 mb-3">
                    <input type="checkbox" class="input-validate" name="type[]" id="option1" value="0">
                    <label for="option1" class="pt-2">
                        All school owners
                    </label>
                </div> 
                <div class="col-auto checkbox big checkbox-pink pt-lg-1 mr-4 mb-3">
                    <input type="checkbox" class="input-validate" name="type[]" id="option2" value="1">
                    <label for="option2" class="pt-2">
                        All teachers
                    </label>
                </div> 
                <div class="col-auto checkbox big checkbox-pink pt-lg-1 mr-4 mb-3">
                    <input type="checkbox" class="input-validate" name="type[]" id="option3" value="2">
                    <label for="option3" class="pt-2">
                        All parents
                    </label>
                </div>
                <div class="col-auto">
                    <button class="btn btn-success export-email" type="button">Export</button>
                </div>          
            </div>
        </form>
    </div>
</div>
@endsection

@section('script-bottom')
<script> var filterOwnerUrl = "{{ route('admin.school.owner') }}", viewUrl = "{{ route('admin.schools') }}"; </script>
<script defer src="{{ Helper::assets('assets/js/pages/admin/dashboard.js') }}" type="text/javascript"></script>
@endsection