@extends('layouts.master')

@section('title', 'Project')

@section('content')
<div class="container-fluid" id="App">
    <form action="{{ route('curriculumvitae.store') }}" method="POST">
        @csrf
        <input type="hidden" name="candidate_curriculumvitae_id" value="{{ $id }}" />
        {{-- <div class="d-md-flex d-block align-items-center justify-content-between my-4 page-header-breadcrumb">
            <div class="my-auto">
                <nav>
                    <ol class="breadcrumb mb-0">
                        <li class="breadcrumb-item "><a href="javascript:void(0);"><span class="fs-18">{{ trans('label.homepage') }}</span></a></li>
                        <li class="breadcrumb-item" aria-current="page"><span class="fs-18">{{ trans('project.project') }}</span></li>
                        <li class="breadcrumb-item active" aria-current="page"><span class="fs-18">{{ trans('project.project') }}</span></li>
                    </ol>
                </nav>
            </div>
        </div> --}}
        <div class="my-auto">
            <h4 class="mb-0">{{ trans('label.candidate_curriculumvitae') }}</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"><a href="javascript:void(0);">{{ trans('label.candidate_curriculumvitae') }}</a></li>
                    <li class="breadcrumb-item active" aria-current="page">{{ trans('label.update') }}
                    </li>
                </ol>
            </nav>
        </div>
        <div class="text-end">
            <button type="submit" id="btnSubmit" class="btn btn-primary ">{{ trans('project.save') }}</button>
            <a href="{{ route('view.project_candidate_curriculumvitae.detail', ['id' => $id]) }}" class="btn btn-danger">Cancel</a>
        </div>

        <div class="tab-content">
            <div class="row">
                <div class="col-md-12 col-lg-12 col-xl-12">
                    <div class="table-1 mt-3" id="list-edu">
                        <h6 class="mt-3">(1)学歴</h6>
                        <table class="table table-bordered mt-3">
                            <tr>
                                <td>開始年月日</td>
                                <td>終了年月日</td>
                                <td>学歴</td>
                                <td><button class="btn btn-primary" type="button" @click="addEduLever()" >Add</button></td>
                            </tr>
                            <tr v-for="(item, key) in listEdu" :key="item.id" v-bind:class="[item.action == 'delete' ? 'd-none' : '']">
                                <input :value="item.action" :name="'listEdu['+key+'][action]'" type="hidden" />
                                <input :value="item.id" :name="'listEdu['+key+'][id]'" type="hidden" />
                                <td>
                                    <input :name="'listEdu['+key+'][edu_level_from1]'" v-model="listEdu[key].edu_level_from1" :value="item.edu_level_from1" type="text" class="form-control" />
                                </td>
                                <td>
                                    <input :name="'listEdu['+key+'][edu_level_to1]'" v-model="listEdu[key].edu_level_to1" :value="item.edu_level_to1" type="text" class="form-control" />
                                </td>
                                <td>
                                    <input :name="'listEdu['+key+'][edu_level_note1]'" v-model="listEdu[key].edu_level_note1" :value="item.edu_level_note1" type="text" class="form-control" />
                                </td>
                                <td>
                                    <button type="button" @click="deleteEdu(item)" class="btn btn-danger btn-sm rounded">
                                        <i class="ri-delete-bin-5-line"></i>
                                    </button>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    外国人建設・造船就労者受入事業により本邦で就労したことがある場合 第２号技能実習終了後の帰国期間
                                </td>
                                <td>
                                    <div class="form-check col-md-4">
                                        <input type="radio" {{ !empty($candidateCurri) && $candidateCurri->is_worked_2go == 0 ? 'checked' : '' }} name="is_worked_2go" class="form-check-input" id="is_worked_2go" value="0" />
                                        <label class="form-check-label" for="is_worked_2go">
                                            無
                                        </label>
                                    </div>
                                    <div class="form-check col-md-4">
                                        <input type="radio" {{ !empty($candidateCurri) && $candidateCurri->is_worked_2go == 1 ? 'checked' : '' }} name="is_worked_2go" class="form-check-input" id="is_worked_2go1" value="1" />
                                        <label class="form-check-label" for="is_worked_2go1">
                                            有
                                        </label>
                                    </div>
                                </td>
                                <td>
                                    開始年月日
                                    <input value="{{ !empty($candidateCurri) && $candidateCurri->worked_2go_date_from }}" type="date" class="form-control" name="worked_2go_date_from" />
                                </td>
                                <td>
                                    終了年月日
                                    <input value="{{ !empty($candidateCurri) && $candidateCurri->worked_2go_date_to }}" type="date" class="form-control" name="worked_2go_date_to" />
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div class="table-2 mt-3" id="list-work-history">
                        
                        <h6 class="mt-3">(2)職歴</h6>
                        <table class="table table-bordered mt-3">
                            <tr>
                                <td>開始年月日</td>
                                <td>終了年月日</td>
                                <td>就職先名</td>
                                <td>職種</td>
                                <td>
                                    <button class="btn btn-primary" type="button" @click="addListWork">Add</button>
                                </td>
                            </tr>
                            <tr v-for="(item, key) in listWork" :key="item.id" v-bind:class="[item.action == 'delete' ? 'd-none' : '']">
                                <input :value="item.action" :name="'listWork['+key+'][action]'" type="hidden" />
                                <input :value="item.id" :name="'listWork['+key+'][id]'" type="hidden" />
                                <td>
                                    <input :name="'listWork['+key+'][work_history_from1]'" v-model="listWork[key].work_history_from1" :value="item.work_history_from1" type="text" class="form-control" />
                                </td>
                                <td>
                                    <input :name="'listWork['+key+'][work_history_to1]'" v-model="listWork[key].work_history_to1" :value="item.work_history_to1" type="text" class="form-control" />
                                </td>
                                <td>
                                    <input :name="'listWork['+key+'][work_company_name1]'" v-model="listWork[key].work_company_name1" :value="item.work_company_name1" type="text" class="form-control" />
                                </td>
                                <td>
                                    <input :name="'listWork['+key+'][work_job_name1]'" v-model="listWork[key].work_job_name1" :value="item.work_job_name1" type="text" class="form-control" />
                                </td>
                                <td>
                                    <button type="button" @click="deleteWork(item)" class="btn btn-danger btn-sm rounded">
                                        <i class="ri-delete-bin-5-line"></i>
                                    </button>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    外国人建設・造船就労者受入事業により本邦で就労したことがある場合 建設・造船就労終了後の帰国期間
                                </td>
                                <td>
                                    <div class="form-check col-md-4">
                                        <input type="radio" {{ !empty($candidateCurri) && $candidateCurri->is_worked_construct == 0 ? 'checked' : '' }} name="is_worked_construct" class="form-check-input" id="is_worked_construct" value="0" />
                                        <label class="form-check-label" for=" is_worked_construct">
                                            無
                                        </label>
                                    </div>
                                    <div class="form-check col-md-4">
                                        <input type="radio" {{ !empty($candidateCurri) && $candidateCurri->is_worked_construct == 1 ? 'checked' : '' }} name="is_worked_construct" class="form-check-input" id=" is_worked_construct1" value="1" />
                                        <label class="form-check-label" for=" is_worked_construct1">
                                            有
                                        </label>
                                    </div>
                                </td>
                                <td>
                                    開始年月日
                                    <input value="{{ !empty($candidateCurri) && $candidateCurri->worked_construct_date_from }}" type="date" class="form-control" name="worked_construct_date_from" />
                                </td>
                                <td>
                                    終了年月日
                                    <input value="{{ !empty($candidateCurri) && $candidateCurri->worked_construct_date_to }}" type="date" class="form-control" name="worked_construct_date_to" />
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div class="table-3 mt-3">
                        
                        <h6 class="mt-3">（３）修得しようとする技能等に係る職歴（参考1-3）</h6>
                        <table class="table table-bordered mt-3">
                            <tr>
                                <td colspan="2">職種</td>
                                <td>経験年数</td>
                            </tr>
                            <tr>
                                <td rowspan="2">
                                    1
                                </td>
                                <td>
                                    <input value="{{ !empty($candidateCurri) && $candidateCurri->jobtype_name1 }}" type="text" name="jobtype_name1" class="form-control" />
                                </td>
                                <td rowspan="2">
                                    <input value="{{ !empty($candidateCurri) && $candidateCurri->jobtype_experience_year1 }}" type="text" name="jobtype_experience_year1" class="form-control" />
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    母国語
                                    <input value="{{ !empty($candidateCurri) && $candidateCurri->jobtype_note_year1 }}" type="text" name="jobtype_note_year1" class="form-control" />
                                </td>
                            </tr>
                            <tr>
                                <td rowspan="2">
                                    2
                                </td>
                                <td>
                                    <input value="{{ !empty($candidateCurri) && $candidateCurri->jobtype_name2 }}" type="text" name="jobtype_name2" class="form-control" />
                                </td>
                                <td rowspan="2">
                                    <input value="{{ !empty($candidateCurri) && $candidateCurri->jobtype_experience_year2 }}" type="text" name="jobtype_experience_year2" class="form-control" />
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    母国語
                                    <input value="{{ !empty($candidateCurri) && $candidateCurri->jobtype_note_year2 }}" type="text" name="jobtype_note_year2" class="form-control" />
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div class="table-4 mt-3">
                        <h6 class="mt-3">（４）母国語以外の語学力水準</h6>
                        <table class="table table-bordered mt-3">
                            <tr>
                                <td>日本語</td>
                                <td>
                                    <input value="{{ !empty($candidateCurri) && $candidateCurri->lang_level_japanese }}" type="text" name="lang_level_japanese" class="form-control" />
                                </td>
                            </tr>
                            <tr>
                                <td>英語</td>
                                <td>
                                    <input value="{{ !empty($candidateCurri) && $candidateCurri->lang_level_english }}" type="text" name="lang_level_english" class="form-control" />
                                </td>
                            </tr>
                            <tr>
                                <td>その他</td>
                                <td>
                                    <input value="{{ !empty($candidateCurri) && $candidateCurri->lang_level_other }}" type="text" name="lang_level_other" class="form-control" />
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div class="table-5 mt-3">
                        <h6 class="mt-3">（３-１）技能実習に関する業務の経験年数（参考1-16）</h6>
                        <table class="table table-bordered mt-3">
                            <tr>
                                <td>経験を積んだ場所（「△△で」等を入力）＊任意</td>
                                <td>
                                    <input value="{{ !empty($candidateCurri) && $candidateCurri->work_experience_place }}" type="text" name="work_experience_place" class="form-control" />
                                </td>
                            </tr>
                            <tr>
                                <td>経験年数</td>
                                <td>
                                    <input value="{{ !empty($candidateCurri) && $candidateCurri->work_expericene_year }}" type="text" name="work_expericene_year" class="form-control" />
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div class="table-5 mt-3">
                        <h6 class="mt-3">（５）訪日経験／技能実習経験他</h6>
                        <table class="table table-bordered mt-3">
                            <tr>
                                <td>訪日経験</td>
                                <td>
                                    <div class="form-check col-md-4">
                                        <input type="radio" {{ !empty($candidateCurri) && $candidateCurri->visit_japan_history == 0 ? 'checked' : '' }} name="visit_japan_history" class="form-check-input" id="visit_japan_history" value="0" />
                                        <label class="form-check-label" for="visit_japan_history">
                                            無
                                        </label>
                                    </div>
                                    <div class="form-check col-md-4">
                                        <input type="radio" {{ !empty($candidateCurri) && $candidateCurri->visit_japan_history == 1 ? 'checked' : '' }} name="visit_japan_history" class="form-check-input" id="visit_japan_history1" value="1" />
                                        <label class="form-check-label" for="visit_japan_history1">
                                            有
                                        </label>
                                    </div>
                                </td>
                                <td>
                                    開始年月日
                                    <input value="{{ !empty($candidateCurri) && $candidateCurri->visit_japan_history_fromdate }}" type="date" class="form-control" name="visit_japan_history_fromdate" />
                                </td>
                                <td>
                                    終了年月日
                                    <input value="{{ !empty($candidateCurri) && $candidateCurri->visit_japan_history_todate }}" type="date" class="form-control" name="visit_japan_history_todate" />
                                </td>
                                <td>
                                    在留資格
                                    <input value="{{ !empty($candidateCurri) && $candidateCurri->visit_japan_history_visaname }}" type="text" class="form-control" name="visit_japan_history_visaname" />
                                </td>
                                <td>
                                    技能実習
                                    <input {{ !empty($candidateCurri) && $candidateCurri->ginojishuse == 1 ? 'checked' : '' }} value="1" type="checkbox" class="form-check-input" name="ginojishuse" />
                                </td>
                                <td>
                                    技能実習以外
                                    <input {{ !empty($candidateCurri) && $candidateCurri->ginojishusei_other == 1 ? 'checked' : '' }} value="1" type="checkbox" class="form-check-input" name="ginojishusei_other" />
                                </td>
                            </tr>
                            <tr>
                                <td>技能実習経験</td>
                                <td>
                                    <div class="form-check col-md-4">
                                        <input type="radio" {{ !empty($candidateCurri) && $candidateCurri->work_as_ginojishusei == 0 ? 'checked' : '' }} name="work_as_ginojishusei" class="form-check-input" id="work_as_ginojishusei" value="0" />
                                        <label class="form-check-label" for="work_as_ginojishusei">
                                            無
                                        </label>
                                    </div>
                                    <div class="form-check col-md-4">
                                        <input type="radio" {{ !empty($candidateCurri) && $candidateCurri->work_as_ginojishusei == 1 ? 'checked' : '' }} name="work_as_ginojishusei" class="form-check-input" id="work_as_ginojishusei1" value="1" />
                                        <label class="form-check-label" for="work_as_ginojishusei1">
                                            有
                                        </label>
                                    </div>
                                </td>
                                <td>
                                    開始年月日
                                    <input value="{{ !empty($candidateCurri) && $candidateCurri->work_as_ginojishusei_fromdate }}" type="date" class="form-control" name="work_as_ginojishusei_fromdate" />
                                </td>
                                <td>
                                    終了年月日
                                    <input value="{{ !empty($candidateCurri) && $candidateCurri->work_as_ginojishusei_todate }}" type="date" class="form-control" name="work_as_ginojishusei_todate" />
                                </td>
                                <td colspan="3">
                                    実習計画区分
                                    <input value="{{ !empty($candidateCurri) && $candidateCurri->work_as_ginojishusei_type }}" type="text" class="form-control" name="work_as_ginojishusei_type" />
                                </td>
                            </tr>
                            <tr>
                                <td>過去の在留資格認定不交付の有無</td>
                                <td>
                                    <div class="form-check col-md-4">
                                        <input type="radio" {{ !empty($candidateCurri) && $candidateCurri->is_visa_failed == 0 ? 'checked' : '' }} name="is_visa_failed" class="form-check-input" id="is_visa_failed" value="0" />
                                        <label class="form-check-label" for="is_visa_failed">
                                            無
                                        </label>
                                    </div>
                                    <div class="form-check col-md-4">
                                        <input type="radio" {{ !empty($candidateCurri) && $candidateCurri->is_visa_failed == 1 ? 'checked' : '' }} name="is_visa_failed" class="form-check-input" id="is_visa_failed1" value="1" />
                                        <label class="form-check-label" for="is_visa_failed1">
                                            有
                                        </label>
                                    </div>
                                </td>
                                <td colspan="5">
                                    不交付の理由
                                    <input value="{{ !empty($candidateCurri) && $candidateCurri->visa_failed_reason }}" type="text" class="form-control" name="visa_failed_reason" />
                                </td>
                            </tr>
                            <tr>
                                <td colspan="7">
                                    その他
                                    <input value="{{ !empty($candidateCurri) && $candidateCurri->visit_japan_other }}" type="text" class="form-control" name="visit_japan_other" />
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    経済連携協定(EPA)に基づく看護師候補者・介護福祉士候補者受入事業により本邦で就労したことがある場合

                                </td>
                                <td>
                                    <div class="form-check col-md-4">
                                        <input type="radio" {{ !empty($candidateCurri) && $candidateCurri->is_work_as_nurse == 0 ? 'checked' : '' }} name="is_work_as_nurse" class="form-check-input" id="is_work_as_nurse" value="0" />
                                        <label class="form-check-label" for="is_work_as_nurse">
                                            無
                                        </label>
                                    </div>
                                    <div class="form-check col-md-4">
                                        <input type="radio" {{ !empty($candidateCurri) && $candidateCurri->is_work_as_nurse == 1 ? 'checked' : '' }} name="is_work_as_nurse" class="form-check-input" id="is_work_as_nurse1" value="1" />
                                        <label class="form-check-label" for="is_work_as_nurse1">
                                            有
                                        </label>
                                    </div>
                                </td>
                                <td>
                                    開始年月日
                                    <input value="{{ !empty($candidateCurri) && $candidateCurri->work_as_nurse_fromdate }}" type="date" class="form-control" name="work_as_nurse_fromdate" />
                                </td>
                                <td>
                                    終了年月日
                                    <input value="{{ !empty($candidateCurri) && $candidateCurri->work_as_nurse_todate }}" type="date" class="form-control" name="work_as_nurse_todate" />
                                </td>
                            </tr>
                        </table>
                    </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>

<script>
     var options = {
            durations: {
                alert: 9000,
                warning: 9000,
                success: 9000,
            }
        }
    var notifier = new AWN(options);
    new Vue({
        el: '#list-edu',
        data: {
            sortDirection: 'asc',
            sortBy: 'project_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: [],
            conditionSearch: '',
            search: '',
            listPage: [],
            showCount: 10,
            listEdu: [],
            candidate_curri_id: '{{ $candidateCurri->candidate_curriculumvitae_id ?? null }}'
        },
        delimiters: ["((", "))"],
        mounted() {
            const that = this;
            this.onLoadPagination();
        },
        computed: {},

        methods: {
            sort: function(s) {
                if (s === this.sortBy) {
                    this.sortDirection = this.sortDirection === 'asc' ? 'desc' : 'asc';
                }
                if (this.sortDirection == 'desc') {
                    if (s == 'entry_date') {
                        this.list = this.list.sort((a, b) => this.compareDates(b[s], a[s]));
                    } else {
                        this.list = this.list.sort((a, b) => b[s] - a[s]);
                    }
                } else {
                    if (s == 'entry_date') {
                        this.list = this.list.sort((a, b) => this.compareDates(a[s], b[s]));
                    } else {
                        this.list = this.list.sort((a, b) => a[s] - b[s]);
                    }
                }
                this.sortBy = s;
            },
            compareDates(date1, date2) {
                return new Date(date1) - new Date(date2);
            },
            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;
                let conditionSearch = '?id=' + this.candidate_curri_id;
                this.conditionSearch = conditionSearch;
                jQuery.ajax({
                    type: 'GET',
                    url: "{{route('api.candidate_curriculum_edu_lever.list')}}" + conditionSearch,
                    success: function(data) {
                        const list = data.result;
                        list.forEach(v => {
                            that.listEdu.push({
                                action: 'update',
                                id: v.id,
                                edu_level_from1: v.edu_level_from1,
                                edu_level_to1: v.edu_level_to1,
                                edu_level_note1: v.edu_level_note1
                            });
                        });
                    },
                    error: function(xhr, textStatus, error) {
                        notifier.warning('システムエラーが発生しました。 大変お手数ですが、サイト管理者までご連絡ください');
                    }
                });
            },
            addEduLever() {
                const that = this;
                that.listEdu.push({
                    action: 'add',
                    id: '',
                    edu_level_from1: '',
                    edu_level_to1: '',
                    edu_level_note1: ''
                });
            },
            deleteEdu(item) {
                item.action = 'delete';
            }
        },
    });

    new Vue({
        el: '#list-work-history',
        data: {
            sortDirection: 'asc',
            sortBy: 'project_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: [],
            conditionSearch: '',
            search: '',
            listPage: [],
            showCount: 10,
            listWork: [],
            candidate_curri_id: '{{ $candidateCurri->candidate_curriculumvitae_id ?? null }}'
        },
        delimiters: ["((", "))"],
        mounted() {
            const that = this;
            this.onLoadPagination();
        },
        computed: {},

        methods: {
            sort: function(s) {
                if (s === this.sortBy) {
                    this.sortDirection = this.sortDirection === 'asc' ? 'desc' : 'asc';
                }
                if (this.sortDirection == 'desc') {
                    if (s == 'entry_date') {
                        this.list = this.list.sort((a, b) => this.compareDates(b[s], a[s]));
                    } else {
                        this.list = this.list.sort((a, b) => b[s] - a[s]);
                    }
                } else {
                    if (s == 'entry_date') {
                        this.list = this.list.sort((a, b) => this.compareDates(a[s], b[s]));
                    } else {
                        this.list = this.list.sort((a, b) => a[s] - b[s]);
                    }
                }
                this.sortBy = s;
            },
            compareDates(date1, date2) {
                return new Date(date1) - new Date(date2);
            },
            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;
                let conditionSearch = '?id=' + this.candidate_curri_id;
                this.conditionSearch = conditionSearch;
                jQuery.ajax({
                    type: 'GET',
                    url: "{{route('api.candidate_curriculum_work.list')}}" + conditionSearch,
                    success: function(data) {
                        const list = data.result;
                        list.forEach(v => {
                            that.listWork.push({
                                action: 'update',
                                id: v.id,
                                work_history_from1: v.work_history_from1,
                                work_history_to1: v.work_history_to1,
                                work_company_name1: v.work_company_name1,
                                work_job_name1: v.work_job_name1,
                            });
                        });
                    },
                    error: function(xhr, textStatus, error) {
                        notifier.warning('システムエラーが発生しました。 大変お手数ですが、サイト管理者までご連絡ください');
                    }
                });
            },
            addListWork() {
                const that = this;
                that.listWork.push({
                    action: 'add',
                    id: '',
                    work_history_from1: '',
                    work_history_to1: '',
                    work_company_name1: '',
                    work_job_name1: '',
                });
            },
            deleteWork(item) {
                item.action = 'delete';
            }
        },
    });

</script>

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

@endsection