@extends('admin.layouts.admin')

@section('title', 'Parent/Guardians')

@section('content')
@include('admin.snippets.msg')
    <div class="row">
        <div class="col-md-12"></div>
        <div class="col-md-6 col-sm-12 ">
            <a class="btn btn-primary btn-sm" href="{{ route('admin.guardians.create') }}"><i class="fa fa-plus-circle"></i>Add New Parent/Guardian</a>
            <button class="btn btn-sm btn-primary" data-toggle="modal" data-target="#guardian_import_modal"><i class="fa fa-file"></i> Import From Excel</button>     
        </div>
        <div class="col-md-6 col-sm-12">
            @if ($errors->any())
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif         
                         
        </div>

        <div class="col-md-12 col-sm-12 col-xs-12">
            {{ Form::open(['route'=>['admin.guardians'],'method' => 'get','class'=>'form-horizontal form-label-left']) }}
            <div class="form-group">
                <label class="control-label col-sm-3 col-xs-12" for="search">
                    Search
                </label>
                <div class="col-sm-4 col-xs-12">
                    <input id="search" type="text" class="form-control col-md-7 col-xs-12" placeholder="Search for name, mobile, email"
                           name="search" required value="{{ app('request')->input('search')  }}">
                </div>
                <div class="col-sm-5 col-xs-12">
                    <button type="submit" class="btn btn-success"><i class="fa fa-search"></i> Search</button>
                </div>
            </div>
            <div class="form-group">

            </div>
            {{ Form::close() }}
        </div>

        <table class="table table-striped table-bordered dt-responsive nowrap" cellspacing="0"
               width="100%">
            <thead>
            <tr>
                <th>Name</th>
                <th>Mobile</th>
                <th>Email</th>
                <th>Actions</th>
            </tr>
            </thead>
            <tbody>
            @foreach($guardians as $guardian)
                <tr>
                    <td>{{ $guardian->name }}</td>
                    <td>{{ $guardian->mobile_number }}</td>
                    <td>{{ $guardian->email }}</td>
                    <td>
                        <a class="btn btn-xs btn-info" href="{{ route('admin.guardians.edit', [$guardian->id]) }}"
                           data-toggle="tooltip" data-placement="top" data-title="Edit">
                            <i class="fa fa-pencil"></i>
                        </a>
                        <a class="btn btn-xs btn-danger removeRecord" href="{{ route('admin.guardians.destroy', [$guardian->id]) }}"
                           data-toggle="tooltip" data-placement="top" data-title="Delete">
                            <i class="fa fa-trash"></i>
                        </a>
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>
        <div class="pull-right">
            {{ $guardians->links() }}
        </div>
    </div>

    <!-- Modal -->
    <div id="guardian_import_modal" class="modal fade" role="dialog">
        <div class="modal-dialog">
    
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Import Guardians</h4>
            </div>
            <div class="modal-body">

                <p>Download sample <a href="/downloads/Guardians import sample.xlsx" style="text-decoration: underline">excel file here</a></p>

                <div class="alert alart-warning">
                    <ol>
                        <li>"Name" column is requred(*)</li>
                        <li>"Email" column is required(*)</li>
                        <li>"Phone" column is required(*)</li>
                        <li>"Relation" column is optional</li>
                    </ol>
                </div>
                <hr>
                {{ Form::open(['route'=>'admin.import.guardians','method' => 'POST','class'=>'form-horizontal form-label-left','enctype'=>"multipart/form-data"]) }}

                @include('admin.snippets.input_select', [
                    'field' => 'school_id', 'title' => 'Select School', 'items' => $schools, 'key' => 'id',
                    'value' => 'school_name', 'required' => true])

                    <div class="form-group">
                        <input type="file" accept=".xls,.xlsx" class="form-control" name="excel">
                    </div>

                    <div class="row mt-2">
                        <div class="col-md-6">
                            <button type="reset" class="btn btn-danger" data-dismiss="modal">Cancel</button>
                        </div>
                        <div class="col-md-6 text-right">
                            <button type="submit" class="btn btn-sm btn-primary"><i class="fa fa-save"></i> Import</button>
                        </div>
                    </div>
                {{ Form::close() }}
            </div>
            <div class="modal-footer"></div>
        </div>
    
        </div>
    </div>
@endsection