Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory :  /home/corals/syn.corals.io/Corals/modules/Syndicate/resources/views/trainees/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

@extends('layouts.crud.create_edit')



@section('content_header')
    @component('components.content_header')
        @slot('page_title')
            {{ $title_singular }}
        @endslot
        @slot('breadcrumb')
            {{ Breadcrumbs::render('syndicate_trainee_create_edit') }}
        @endslot
    @endcomponent
@endsection

@section('content')
    @parent
    <div class="row">
        <div class="col-md-12">
            @component('components.box')
                {!! CoralsForm::openForm($trainee) !!}

                {!! CoralsForm::customFields($trainee) !!}


                <ul class="nav nav-tabs" id="myTab" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link active" id="data-tab" data-toggle="tab" href="#data" role="tab"
                           aria-controls="data" aria-selected="true">{{ trans('Syndicate::attributes.user.data') }}</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" id="academy-tab" data-toggle="tab" href="#academy" role="tab"
                           aria-controls="academy"
                           aria-selected="false">{{ trans('Syndicate::attributes.user.add_academy') }}</a>
                    </li>
                </ul>
                <div class="tab-content" id="myTabContent">
                    <div class="tab-pane fade show active" id="data" role="tabpanel"
                         aria-labelledby="data-tab">
                        @include('Syndicate::partials.user_fields', ['user' => $trainee])
                    </div>
                    <div class="tab-pane fade" id="academy" role="tabpanel"
                         aria-labelledby="academy-tab">
                        <div class="col-md-8">
                            <button id="add-academy" class="btn btn-sm btn-primary my-4">
                                <i class="fa fa-plus"></i>
                                {{ trans('Syndicate::attributes.user.add_new_academy') }}
                            </button>

                            <div id="academies">
                                @foreach($trainee->userAcademies as $userAcademy)
                                    @include('Syndicate::partials.user_academy_fields', ['userAcademy' => $userAcademy, 'index' => $loop->index])
                                @endforeach
                            </div>
                        </div>
                    </div>

                </div>

                {!! CoralsForm::formButtons() !!}

                {!! CoralsForm::closeForm($trainee) !!}
            @endcomponent
        </div>
    </div>
@endsection

@push('partial_js')
    <script>
        $(document).on('click', '#add-academy', function (e) {
            newItem(e, '.academy-section', '{{route('get_academy_fields')}}', '#academies');
        })


        $(document).on('click', '.remove-section', function (e) {
            deleteItem(e, $(this), '.academy-section')
        });

        function newItem(link, className, endpoint, sectionId) {
            link.preventDefault();

            let index = $(className).length;

            $.get(`${endpoint}?index=${index}`, (viewResult) => {
                $(sectionId).append(viewResult);
            })
        }

        function deleteItem(link, element, className) {
            link.preventDefault();

            let endpoint = element.prop('href');
            let id = element.closest(className).attr('data-id');

            let data = {
                _method: 'delete',
                id: id,
                pharmacist: "{{$trainee->id??null}}"
            };

            const success = () => {
                element.closest(className).remove();
            }
            const failed = (data) => {
                themeNotify(data);
            }

            assertDeleteProcess(endpoint, data, success, failed);
        }

        function assertDeleteProcess(endpoint, data, successAction, failedAction) {
            themeConfirmation(
                corals.confirmation.title,
                corals.confirmation.delete.text,
                'warning',
                corals.confirmation.delete.yes,
                corals.confirmation.cancel,
                () => ajaxRequest(endpoint, "DELETE", data, successAction, failedAction)
            )
        }

        function ajaxRequest(endpoint, method, data, successAction, failedAction) {
            if (data.id == 'new-item') {
                successAction();
                return;
            }

            $.ajax({
                url: endpoint,
                type: method,
                dataType: 'json',
                data: data,
                success: function () {
                    successAction();
                },
                error: function (data) {
                    failedAction(data);
                }
            });
        }
    </script>
@endpush