@extends('layouts.vertical')

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

@section('breadcrumb')
<div class="row page-title align-items-center">
    <div class="col-sm">
        <h4 class="mb-1 mt-0 font-weight-medium">{{ isset($record) ? 'Edit' : 'New' }} Resource</h4>
        <p class="mb-0">Please review all templates carefully before sharing, particularly with parents. KloudCanvas offers a variety of templates including tip sheets and newsletters. Note that tip sheets are not editable and must be used as provided. However, you can edit other templates such as newsletters. It is your responsibility to ensure that the content is appropriate and accurate prior to use. Learn more on KloudCanvas <a href="https://intercom.help/teachkloud/en/articles/9230532-kloudcanvas" target="_blank">here</a>.</p>
    </div>
    <div class="col-sm-auto mt-sm-3 mt-0">
        <button type="button" class="btn btn-success btn-min-width trigger-submit-btn">Finish</button>
    </div>
</div>
@endsection

@section('content')
<div class="row">
    <div class="col-md-12">
        <form action="{{ isset($record) ? route('school.newsletter.update') : route('school.newsletter.save') }}" class="validate-form" method="post" enctype="multipart/form-data">
            @csrf
            @if(isset($record))
            <input type="hidden" name="id" value="{{ $record->_id }}" id="id"/>
            @endif
            <div class="card">
                <div class="card-body">
                    <div class="row">
                        <div class="col-xl-12">
                            <div class="form-group row">
                                <label class="col-xl-2 col-form-label">Title</label>
                                <div class="col-xl-8">
                                    <input type="text" class="form-control @error('title') is-invalid @enderror" placeholder="Type here..." name="title" id="title" value="{{ old("title", ($record->title ?? "")) }}">
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-xl-2 col-form-label">Share with parents?</label>
                                <div class="col-auto mb-2">
                                    <div class="checkbox medium checkbox-pink">
                                        <input type="checkbox" class="check-parent" name="shared" value="1" id="shared" data-error="shared-error" {{ old("shared", ($record->shared ?? "") ? 'checked' : '') }}>
                                        <label for="shared" class="pt-1 font-weight-medium"></label>
                                    </div>
                                </div>
                                <div class="col-12 shared-error"></div>
                            </div>
                            @if(!isset($record))
                            <div class="form-group row">
                                <label class="col-xl-2 col-form-label">Select template</label>
                                <div class="col-xl-8">
                                    <select class="form-control select-template wide" data-plugin="customselect" name="template" data-placeholder="Select template">
                                        <option value="">Select gender</option>
                                        @foreach (config('constant.pdf.templates') as $template)
                                            <option value="{{ $template['file'] }}" data-doc="{{ $template['file'] }}" data-edit="{{ $template['is_editable'] }}" {{ old('template') == $template['file'] ? 'selected' : '' }}>{{$template['name']}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            @endif
                        </div>
                    </div>
                    <div id="pspdfkit" style="display: {{ isset($record) ? '' : 'none' }};min-height:600px;height:90vh"></div>
                </div>
            </div>
            <input type="hidden" name="template_blob" class="input-template" />
            <button type="button" class="btn btn-success btn-min-width d-none submit-btn">Send</button>
        </form>
    </div>
</div> <!-- end row -->
@endsection

@section('script-bottom')
@if (isset($record) && isset($record->document) && !empty($record->document))
<script type="text/javascript">
    var document_url = "{{ $record->document }}";
    var is_document_edit = Boolean("{{ $record->editable }}");
</script>
@endif
<script type="text/javascript">
    var pspdfkit_css_url = "{{ Helper::assets('assets/pspdfkit/dist/pspdfkit.css') }}";
    var document_base_path = "{{ Helper::assets(config('constant.pdf.templates_dir')) }}";
    var font_path = "{{ Helper::assets(config('constant.pdf.fonts_dir')) }}";
    var api_key = "{{ env('PSPDFKIT_LICENSE_KEY') }}";
    var fonts = JSON.parse('null');
</script>
<script defer src="{{ Helper::assets('assets/libs/select2/select2.min.js') }}" type="text/javascript"></script>
<script defer src="{{ Helper::assets('assets/libs/sweetalert/sweetalert.min.js') }}" type="text/javascript"></script>
<script defer src="{{ Helper::assets('assets/libs/validation/validate.min.js') }}" type="text/javascript"></script>
<script defer src="{{ Helper::assets('assets/libs/moment/moment.min.js') }}" type="text/javascript"></script>
<script defer src="{{ Helper::assets('assets/pspdfkit/dist/pspdfkit.js') }}" type="text/javascript"></script>
<script defer src="{{ Helper::assets('assets/js/pages/newsletter-add.js') }}?{{time()}}" type="text/javascript"></script>
@endsection