@extends('layouts.vertical')

@section('css')
<link href="{{ Helper::assets('assets/libs/datatables/dataTables.bootstrap4.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ Helper::assets('assets/libs/datatables/responsive.bootstrap4.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ Helper::assets('assets/libs/select2/select2.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ Helper::assets('assets/libs/sweetalert/sweetalert.css') }}" rel="stylesheet" type="text/css" />
@endsection

@php
$currentTab = 1;
if(app('request')->input('t')){
    $currentTab = app('request')->input('t');
}
@endphp

@section('breadcrumb')
<div class="row page-title align-items-center">
    <div class="col-sm-6 col-xl-6">
        <h4 class="mb-1 mt-0 font-weight-medium">Policies</h4>
    </div>
    <div class="col-sm-6 col-xl-6">
        <div class="form-inline float-sm-right mt-3 mt-sm-0">
            <div class="btn-group">
                <a href="{{ route('policies.create') }}" class="btn btn-success btn-min-width">Add New Policy or Document</a>
            </div>
        </div>
    </div>
</div>
@endsection

@section('content')
<div class="row">
    <div class="col-md-12">
        <div class="card">
            <ul class="nav nav-tabs">
                <li class="nav-item">
                    <a href="javascript:;" class="nav-link active">
                        <span class="d-block d-sm-none"><i class="uil-home-alt"></i></span>
                        <span class="d-none d-sm-block">Parent policies</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a href="{{route('teacher.policies')}}" class="nav-link">
                        <span class="d-block d-sm-none"><i class="uil-user"></i></span>
                        <span class="d-none d-sm-block">Educator policies</span>
                    </a>
                </li>
            </ul>
            <div class="card-body">
                <div class="row px-3">
                    <ul class="nav nav-pills navtab-bg">
                        <li class="nav-item">
                            <a href="#tab1" data-toggle="tab" aria-expanded="true" class="nav-link active">
                                <span class="d-sm-block">Created</span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="#tab2" data-toggle="tab" aria-expanded="false" class="nav-link">
                                <span class="d-sm-block">Suggested</span>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="tab-content">
                    <div class="tab-pane {{ $currentTab == 1 ? 'show active' : '' }}" id="tab1">
                        <table class="table table-striped dt-responsive created-policy-table" data-title="Click any name to view, download or share with parents.">
                            <thead>
                                <tr>
                                    <th>Name</th>
                                    <th>Shared with parents</th>
                                    {{-- <th>Do you use this policy?</th> --}}
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>
                                @if(isset($createdPolicies) && !empty($createdPolicies))
                                @foreach($createdPolicies as $policy)
                                <tr data-id="{{$policy->_id}}">
                                    <td><a href="{{ route('policies.show', ['id' => $policy->_id]) }}" class="text-success">{{$policy->name}}</a></td>
                                    <td>{{$policy->isPublic == true ? "Yes" : (count($policy->childs) > 0 ? "Selective" : "No") }}</td>
                                    <td>
                                        <div class="dropdown align-self-center">
                                            <a href="#" class="dropdown-toggle arrow-none text-muted" data-toggle="dropdown" aria-expanded="false"><i class="uil uil-ellipsis-h"></i></a>
                                            <div class="dropdown-menu dropdown-menu-right" x-placement="top-end">
                                                <a href="javascript:void(0);" class="dropdown-item download-report" data-id="{{$policy->_id}}">Download</a>
                                                <div class="dropdown-divider"></div>
                                                @if($policy->isPublic == true || (count($policy->childs) > 0))
                                                <a href="javascript:void(0);" class="dropdown-item share-policy"><span>Unshare</span> with parents</a>
                                                @else
                                                <a href="javascript:void(0);" class="dropdown-item share-policy"><span>Share</span> with parents</a>
                                                @endif
                                                <div class="dropdown-divider"></div>
                                                <a href="{{ route('policies.edit', ['id' => $policy->_id]) }}" class="dropdown-item">Edit</a>
                                                <div class="dropdown-divider"></div>
                                                <a href="javascript:void(0);" class="dropdown-item text-danger remove-policy">Remove</a>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                                @endforeach
                                @endif
                            </tbody>
                        </table>
                    </div>
                    <div class="tab-pane {{ $currentTab == 2 ? 'show active' : '' }}" id="tab2">
                        <table class="table table-striped dt-responsive suggested-policy-table" data-title="List of suggested policies">
                            <thead>
                                <tr>
                                    <th>Name</th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>
                                @if(isset($sugestedPolicies) && !empty($sugestedPolicies))
                                @foreach($sugestedPolicies as $policy)
                                <tr>
                                    <td>{{$policy->name}}</td>
                                    <td><a href="{{ route('policies.create',['id' => $policy->_id]) }}" class="btn btn-sm btn-success">Create</a></td>
                                </tr>
                                @endforeach
                                @endif
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<form id="download-form" action="{{ route('policies.report.download') }}" method="POST" style="display: none;">
    @csrf
    <input type="hidden" name="policy" class="id" value="">
    <input type="hidden" name="utcOffset" class="utcOffset" value="">
</form>
@endsection

@section('script-bottom')
<script defer src="{{ Helper::assets('assets/libs/datatables/jquery.dataTables.min.js') }}" type="text/javascript"></script>
<script defer src="{{ Helper::assets('assets/libs/datatables/dataTables.responsive.min.js') }}" type="text/javascript"></script>
<script defer src="{{ Helper::assets('assets/libs/datatables/dataTables.bootstrap4.min.js') }}" type="text/javascript"></script>
<script defer src="{{ Helper::assets('assets/libs/sweetalert/sweetalert.min.js') }}" type="text/javascript"></script>
<script type="text/javascript"> var removePolocyUrl = "{{ route('policies.remove') }}", sharePolocyUrl = "{{ route('policies.share') }}"; </script>
<script defer src="{{ Helper::assets('assets/js/pages/policies.js') }}?v={{time()}}" type="text/javascript"></script>
@endsection