@extends('layouts.master')

@section('title', 'Project Document')

@section('content')
    <div class="container-fluid" id="App">
        <!-- Page Header -->
        <div class="d-md-flex d-block align-items-center justify-content-between my-4 page-header-breadcrumb">
            <div class="my-auto">
                <h4 class="mb-0">{{ trans('pregnancy_declaration.pregnancy_declaration') }}</h4>
                <nav>
                    <ol class="breadcrumb mb-0">
                        <li class="breadcrumb-item"><a href="javascript:void(0);">{{ trans('common.homepage') }}</a></li>
                        <li class="breadcrumb-item active" aria-current="page">
                            {{ trans('pregnancy_declaration.pregnancy_declaration') }}</li>
                    </ol>
                </nav>
            </div>
            <div class="d-flex my-xl-auto right-content align-items-center">
                <div>
                    @if ($type == 'edit')
                        <button type="button" class="btn btn-primary"
                            id="submitEdit">{{ trans('project.update') }}</button>
                    @else
                        <a href="{{ route('view.pregnancy_declaration.index', ['file_id' => $fileId]) }}?iframe_mode={{ request()->iframe_mode }}" class="btn btn-primary">{{ trans('project.edit') }}</a>
                        <a href="{{ route('view.pregnancy_declaration.export', ['file_id' => $fileId, 'type' => 'xlsx']) }}"
                            class="btn btn-success">{{ trans('project.export_excel') }}</a>
                        <a href="{{ route('view.pregnancy_declaration.export', ['file_id' => $fileId, 'type' => 'pdf']) }}"
                            class="btn btn-info">{{ trans('project.export_pdf') }}</a>
                    @endif
                </div>
            </div>
        </div>
        <form id="formEdit" action="{{ route('view.pregnancy_declaration.update', ['file_id' => $fileId]) }}?iframe_mode={{ request()->iframe_mode }}"
            method="POST" enctype="multipart/form-data" class="container-fluid">
            @csrf
            <div class="card custom-card pt-4">
                <div class="card-body">
                    <div class="row">
                        <div class="col-sm-6 mb-4">
                            <label for="" class="form-check-label">{{ trans('pregnancy_declaration.title1') }}</label>
                            <div>
                                <input type="checkbox" class="form-check-input" name="check_1" id="check_1" value="1"
                                {{ $record && $record->check_1 == 1 ? 'checked' : '' }}
                                    {{ $type == 'detail' ? 'disabled' : '' }}>
                                <label for="check_1"
                                    class="form-check-label">{{ trans('pregnancy_declaration.check_1') }}</label>
                                </br>
                                <input type="checkbox" class="form-check-input" name="check_2" id="check_2" value="1"
                                    {{ $record && $record->check_2 == 1 ? 'checked' : '' }}
                                    {{ $type == 'detail' ? 'disabled' : '' }}>
                                <label for="check_2"
                                    class="form-check-label">{{ trans('pregnancy_declaration.check_2') }}</label>
                            </div>
                        </div>
                        <div class="col-sm-12 mb-4">
                            <label for="name"
                                class="form-label required">{{ trans('pregnancy_declaration.name') }}</label>
                            <input {{ $type == 'detail' ? 'disabled' : '' }} type="text" class="form-control"
                                name="name" id="name" value="{{ @$record->name }}">
                        </div>
                        <div class="col-sm-12 mb-4">
                            <label for=""
                                class="form-check-label">{{ trans('pregnancy_declaration.title2') }}</label>
                            <div class="form-group">
                                <input type="checkbox" class="form-check-input" name="detail_check_1" id="detail_check_1"
                                    value="1" {{ $record && $record->detail_check_1 == 1 ? 'checked' : '' }}
                                    {{ $type == 'detail' ? 'disabled' : '' }}>
                                <label for="detail_check_1"
                                    class="form-check-label">{{ trans('pregnancy_declaration.detail_check_1') }}</label>
                            </div>
                            <div class="form-group">
                                <input type="checkbox" class="form-check-input" name="detail_check_2" id="detail_check_2"
                                    value="1" {{ $record && $record->detail_check_2 == 1 ? 'checked' : '' }}
                                    {{ $type == 'detail' ? 'disabled' : '' }}>
                                <label for="detail_check_2"
                                    class="form-check-label">{{ trans('pregnancy_declaration.detail_check_2') }}</label>
                            </div>
                            <div class="form-group">
                                <input type="checkbox" class="form-check-input" name="detail_check_3" id="detail_check_3"
                                    value="1" {{ $record && $record->detail_check_3 == 1 ? 'checked' : '' }}
                                    {{ $type == 'detail' ? 'disabled' : '' }}>
                                <label for="detail_check_3"
                                    class="form-check-label">{{ trans('pregnancy_declaration.detail_check_3') }}</label>
                            </div>
                            <div class="form-group">
                                <input type="checkbox" class="form-check-input" name="detail_check_4" id="detail_check_4"
                                    value="1" {{ $record && $record->detail_check_4 == 1 ? 'checked' : '' }}
                                    {{ $type == 'detail' ? 'disabled' : '' }}>
                                <label for="detail_check_4"
                                    class="form-check-label">{{ trans('pregnancy_declaration.detail_check_4') }}</label>
                            </div>
                            <div class="form-group">
                                <input type="checkbox" class="form-check-input" name="detail_check_5" id="detail_check_5"
                                    value="1" {{ $record && $record->detail_check_5 == 1 ? 'checked' : '' }}
                                    {{ $type == 'detail' ? 'disabled' : '' }}>
                                <label for="detail_check_5"
                                    class="form-check-label">{{ trans('pregnancy_declaration.detail_check_5') }}</label>
                            </div>
                            <div class="form-group">
                                <input type="checkbox" class="form-check-input" name="detail_check_6" id="detail_check_6"
                                    value="1" {{ $record && $record->detail_check_6 == 1 ? 'checked' : '' }}
                                    {{ $type == 'detail' ? 'disabled' : '' }}>
                                <label for="detail_check_6"
                                    class="form-check-label">{{ trans('pregnancy_declaration.detail_check_6') }}</label>
                            </div>
                            {{-- <div class="form-group">
                                <input type="checkbox" class="form-check-input" name="detail_check_7" id="detail_check_7"
                                    value="1" {{ $record && $record->detail_check_7 == 1 ? 'checked' : '' }}
                                    {{ $type == 'detail' ? 'disabled' : '' }}>
                                <label for="detail_check_7"
                                    class="form-check-label">{{ trans('pregnancy_declaration.detail_check_7') }}</label>
                            </div> --}}
                        </div>
                        <div class="col-sm-12 mb-4">
                            <label for="" class="form-check-label">{{ trans('pregnancy_declaration.title3') }}</label>
                            <div class="form-group">
                                <label for="date_to"
                                    class="form-label required">{{ trans('pregnancy_declaration.date_to') }}</label>
                                <input {{ $type == 'detail' ? 'disabled' : '' }} type="date" class="form-control"
                                    name="date_to" id="date_to" value="{{ @$record->date_to }}">
                            </div>
                            <div class="form-group">
                                <label for="return_country_date"
                                    class="form-label required">{{ trans('pregnancy_declaration.return_country_date') }}</label>
                                <input {{ $type == 'detail' ? 'disabled' : '' }} type="date" class="form-control"
                                    name="return_country_date" id="return_country_date"
                                    value="{{ @$record->return_country_date }}">
                            </div>
                        </div>
                        <div class="col-sm-12 mb-4">
                            <label for="" class="form-check-label">{{ trans('pregnancy_declaration.title4') }}</label>
                            <div class="form-group">
                                <input type="checkbox" class="form-check-input" name="return_check_1" id="return_check_1"
                                    value="1" {{ $record && $record->return_check_1 == 1 ? 'checked' : '' }}
                                    {{ $type == 'detail' ? 'disabled' : '' }}>
                                <label for="return_check_1"
                                    class="form-check-label">{{ trans('pregnancy_declaration.return_check_1') }}</label>
                            </div>
                            <div class="form-group">
                                <input type="checkbox" class="form-check-input" name="return_check_2" id="return_check_2"
                                    value="1" {{ $record && $record->return_check_2 == 1 ? 'checked' : '' }}
                                    {{ $type == 'detail' ? 'disabled' : '' }}>
                                <label for="return_check_2"
                                    class="form-check-label">{{ trans('pregnancy_declaration.return_check_2') }}</label>
                            </div>
                            <div class="form-group">
                                <input type="checkbox" class="form-check-input" name="return_check_3" id="return_check_3"
                                    value="1" {{ $record && $record->return_check_3 == 1 ? 'checked' : '' }}
                                    {{ $type == 'detail' ? 'disabled' : '' }}>
                                <label for="return_check_3"
                                    class="form-check-label">{{ trans('pregnancy_declaration.return_check_3') }}</label>
                            </div>
                        </div>
                        <div class="col-sm-6 mb-4">
                            <label for="return_month"
                                class="form-label required">{{ trans('pregnancy_declaration.return_month') }}</label>
                            <input {{ $type == 'detail' ? 'disabled' : '' }} type="month" class="form-control"
                                name="return_month" id="return_month" value="{{ @$record->return_month }}">
                        </div>
                        <div class="col-sm-12 mb-4">
                            <label for="sign_date"
                                class="form-label required">{{ trans('pregnancy_declaration.sign_date') }}</label>
                            <input {{ $type == 'detail' ? 'disabled' : '' }} type="date" class="form-control"
                                name="sign_date" id="sign_date" value="{{ @$record->sign_date }}">
                        </div>
                        <div class="col-sm-12 mb-4">
                            <label for="sign_name"
                                class="form-label required">{{ trans('pregnancy_declaration.sign_name') }}</label>
                            <input {{ $type == 'detail' ? 'disabled' : '' }} type="text" class="form-control"
                                name="sign_name" id="sign_name" value="{{ @$record->sign_name }}">
                        </div>
                        <div class="col-sm-12 mb-4">
                            <label for="sign_submit_name"
                                class="form-label required">{{ trans('pregnancy_declaration.sign_submit_name') }}</label>
                            <input {{ $type == 'detail' ? 'disabled' : '' }} type="text" class="form-control"
                                name="sign_submit_name" id="sign_submit_name" value="{{ @$record->sign_submit_name }}">
                        </div>
                        <div class="col-sm-12 mb-4">
                            <label for="note"
                                class="form-label required">{{ trans('pregnancy_declaration.note') }}</label>
                            <textarea {{ $type == 'detail' ? 'disabled' : '' }} type="text" class="form-control" name="note"
                                id="note" rows=5>{{ @$record->note }}</textarea>
                        </div>
                    </div>

                </div>
            </div>
        </form>

    </div>
@endsection

@section('script-footer')

    <!-- Chartjs Chart JS -->
    <!-- <script src="{{ asset('assets/js/index.js') }}"></script> -->

    <script src="{{ asset('assets/js/prism-custom.js') }}"></script>

    <script src="{{ asset('assets/js/custom-switcher.min.js') }}"></script>
    <!-- Custom JS -->
    <script src="{{ asset('assets/js/custom.js') }}"></script>


    <!-- Lodash -->
     
    <script src="https://cdn.ckeditor.com/ckeditor5/41.1.0/classic/ckeditor.js"></script>



    <script type="text/javascript">
        var CSRF_TOKEN = jQuery('meta[name="csrf-token"]').attr('content');
        var S_HYPEN = "-";
        var options = {
            durations: {
                alert: 9000,
                warning: 9000,
                success: 9000,
            },
            icons: {
                enabled: false
            }
        }
        var notifier = new AWN(options);

        ClassicEditor
            .create(document.querySelector('#document_template_body'))
            .then(editor => {
                const editorElement = editor.ui.view.editable.element;
                editor.ui.view.editable.element.style.minHeight = '200px';
                editorElement.style.resize = 'vertical';
            })
            .catch(error => {
                console.error(error);
            });

        new Vue({
            el: '#project_training',
            data: {
                sortDirection: 'desc',
                sortBy: 'trainee_id',
                count: 0, //total page
                page: 1, //pagination: curent page
                perPage: "{{$default_records_per_page}}", // pagination: records per page
                total: 0, //pagination: total records
                pageRange: 3, // pagination:controls nearby page display. currenpage counted
                from: 1,
                to: 10,
                list: [],
                candidateStatus: [],
                conditionSearch: '',
                listPage: [],
                showCount: 10,
                projectTrainee: [],
            },
            delimiters: ["((", "))"],
            mounted() {
                const that = this;

                $("#job_type_id").select2({
                    placeholder: "-",
                    allowClear: true
                });
                $("#job_type_id2").select2({
                    placeholder: "-",
                    allowClear: true
                });

                this.onLoadPagination();

            },
            computed: {},

            methods: {
                sort: function(s) {
                    if (s === this.sortBy) {
                        this.sortDirection = this.sortDirection === 'asc' ? 'desc' : 'asc';
                    }
                    this.sortBy = s;
                },
                onPerPageChange(perPage) {
                    this.page = 1;
                    this.perPage = perPage;
                    console.log('perpage', this.perPage);
                    this.onLoadPagination();
                },
                onPageChange(_p) {
                    this.page = _p;
                    this.onLoadPagination();
                },
                onPrePage() {
                    if (this.page > 1) {
                        this.page = this.page - 1;
                    }
                    this.onLoadPagination();
                },
                onNextPage() {
                    if (this.page < this.count) {
                        this.page = this.page + 1;
                    }
                    this.onLoadPagination();
                },
                onLoadPagination() {
                    const that = this;
                },
                deleteTrainee(item) {
                    item.action = 'delete';
                },
            },
        });
        $('#submitEdit').click(function() {
            $('#formEdit').submit();
        });
    </script>

    @if (session('changePasswordAlert'))
        <script>
            notifier.warning(`{{ session('changePasswordAlert') }}`);
        </script>
    @endif

    @if ($errors->any())
        <script>
            let alertMessage = `
    @foreach ($errors->all() as $error)
    <br>
        {{ $error }}
    @endforeach
    `
            notifier.alert(alertMessage);
        </script>
    @endif

    @if (session('error'))
        <script>
            notifier.alert(`{{ session('error') }}`);
        </script>
    @endif

    @if (session('success'))
        <script>
            notifier.success(`{{ session('success') }}`);
        </script>
    @endif

@endsection