@extends('layouts/contentLayoutMaster')

@section('title', __('locale.CompanySupport'))

@section('content')

@section('vendor-style')
    <!-- vendor css files -->
    <link rel="stylesheet" href="{{ asset(mix('vendors/css/forms/wizard/bs-stepper.min.css')) }}">
    <link rel="stylesheet" href="{{ asset(mix('vendors/css/forms/select/select2.min.css')) }}">
@endsection

@section('page-style')
    <!-- Page css files -->
    <link rel="stylesheet" href="{{ asset(mix('css/base/plugins/forms/form-validation.css')) }}">
    <link rel="stylesheet" href="{{ asset(mix('css/base/plugins/forms/form-wizard.css')) }}">
@endsection

<section id="multiple-column-form">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title">{{ __('locale.Table.Company.Contact.Column.CardTitle') }}</h4>
                </div>
                <div class="card-body">
                    <form class="form-add-company-support">
                        <input type="hidden" name="company_id" value="{{ $company->id }}">
                        @csrf
                        <div class="row">
                            <div class="mb-1 col-md-6">
                                <label for="" class="form-label">{{ __('locale.Table.Company.support.Column.AccountAssistent') }}</label>
                                <select class="select2" name="account_assistent[]" id="account_assistent" multiple>
                                    @if ($employees)
                                        @foreach ($employees as $employee)
                                            <option value="{{ $employee->id }}">{{ $employee->name }}</option>
                                        @endforeach
                                    @endif
                                </select>
                            </div>
                            <div class="mb-1 col-md-6">
                                <label for="" class="form-label">{{ __('locale.Table.Company.support.Column.Relationship') }}</label>
                                <select class="select2" name="relationship_rc[]" id="relationship_rc" multiple>
                                    
                                    @if ($operational)
                                        @foreach ($operational as $operational)
                                            <option value="{{ $operational->id }}" {{ in_array($operational->id, $selectedOperacional) ? 'selected' : '' }}>{{ $operational->name }}</option>
                                        @endforeach
                                    @endif
                                </select>
                            </div>
                        </div>
                        <div class="row">
                            <div class="mb-1 col-md-6">
                                <label for="" class="form-label">{{ __('locale.Table.Company.support.Column.Nurse') }}</label>
                                <select class="select2" name="nurse[]" id="nurse" multiple>
                                    
                                </select>
                            </div>
                            <div class="mb-1 col-md-6">
                                <label for="" class="form-label">{{ __('locale.Table.Company.support.Column.Medical') }}</label>
                                <select class="select2" name="medical[]" id="medical" multiple>
                                   
                                </select>
                            </div>
                        </div>

                        <div class="row">
                            <div class="mb-1 col-md-6">
                                <label for="" class="form-label">{{ __('locale.Table.Company.support.Column.Psychologist') }}</label>
                                <select class="select2" name="psychologist[]" id="psychologist" multiple>
                                    
                                </select>
                            </div>
                            <div class="mb-1 col-md-6">
                                <label for="" class="form-label">{{ __('locale.Table.Company.support.Column.Nutritionist') }}</label>
                                <select class="select2" name="nutritionist[]" id="nutritionist" multiple>
                                    
                                </select>
                            </div>
                        </div>
                        <div class="row">
                            {{-- <div class="mb-1 col-md-6">
                                <label for="" class="form-label">{{ __('locale.Table.Company.support.Column.Manager') }}</label>
                                <select class="select2" name="manager[]" id="manager" multiple>
                                    @if ($managers)
                                        @foreach ($managers as $manager)
                                            <option value="{{ $manager->id }}" >{{ $manager->name }}</option>
                                        @endforeach
                                    @endif
                                </select>
                            </div> --}}
                            <div class="mb-1 col-md-6">
                                <label for="" class="form-label">{{ __('locale.Table.Company.support.Column.Manager') }}</label>
                                <select class="select2" name="manager[]" id="manager" multiple>
                                    @if ($managers)
                                        @foreach ($managers as $manager)
                                            <option value="{{ $manager->id }}" {{ in_array($manager->id, $selectedManagers) ? 'selected' : '' }}>
                                                {{ $manager->name }}
                                            </option>
                                        @endforeach
                                    @endif
                                </select>
                            </div>
                            <div class="mb-1 col-md-6">
                                <label for="" class="form-label">{{ __('locale.Table.Company.support.Column.Assistentsocial') }}</label>
                                <select class="select2" name="social_assistent[]" id="social_assistent" multiple>
                                    
                                </select>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-12">
                                <button type="submit" class="btn btn-primary me-1"
                                    id="btnAddCompanyContacts">{{ __('locale.Table.Company.Contact.Column.Add') }}</button>
                                <button type="reset" class="btn btn-outline-secondary"
                                    id="btnReset">{{ __('locale.Table.Company.Contact.Column.Back') }}</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    </div>
</section>
@endsection
@section('vendor-script')
<!-- vendor files -->
<script src="{{ asset(mix('vendors/js/extensions/sweetalert2.all.min.js')) }}"></script>
<script src="{{ asset(mix('vendors/js/forms/wizard/bs-stepper.min.js')) }}"></script>
<script src="{{ asset(mix('vendors/js/forms/select/select2.full.min.js')) }}"></script>
<script src="{{ asset(mix('vendors/js/forms/validation/jquery.validate.min.js')) }}"></script>
<script src="{{ asset(mix('vendors/js/jquery-mask/jquery.mask.js')) }}"></script>

@endsection
@section('page-script')
<script>
    $(function() {
        'use strict';

        $('.select2').select2({

            placeholder: 'Selecione uma opção',
            allowClear: true
        });

        //$('.form-add-company-support .select2').val(null).trigger('change');

        $(".form-add-company-support").validate({
            rules: {
                company_id: 'required',
                account_assistent: 'required',
                relationship_rc: 'required',
                nurse: 'required',
                social_assistent: 'required',
                medical: 'required',
                psychologist: 'required',
                nutritionist: 'required',
                manager: 'required',
                social_assistent : 'required',
            },
            messages: {
                company_id: "{{ __('locale.Table.Company.support.Column.Mensagecampos') }}",
                account_assistent: "{{ __('locale.Table.Company.support.Column.Mensagecampos') }}",
                relationship_rc: "{{ __('locale.Table.Company.support.Column.Mensagecampos') }}",
                nurse: "{{ __('locale.Table.Company.support.Column.Mensagecampos') }}",
                social_assistent: "{{ __('locale.Company.support.Column.Mensagecampos') }}",
                medical: "{{ __('locale.Table.Company.support.Column.Mensagecampos') }}",
                nutritionist: "{{ __('locale.Table.Company.support.Column.Mensagecampos') }}",
                manager: "{{ __('locale.Table.Company.support.Column.Mensagecampos') }}",
                social_assistent : "{{ __('locale.Table.Company.support.Column.Mensagecampos') }}",
            }
        });

        $('#btnAddCompanyContacts').on("click", async function(eve) {

            eve.preventDefault();

            $(".form-add-company-support").submit();

        });

        $(".form-add-company-support").on("submit", async function(eve) {

            eve.preventDefault();

            if ($(".form-add-company-support").get(0).checkValidity()) {

                // let json = Object.fromEntries((new FormData($(".form-add-company-support").get(0)))
                //     .entries());

                let formData = new FormData($(".form-add-company-support").get(0));

                try {

                    let {
                        data: response
                    } = await axios({
                        url: `{{ route('api.companies.supports.store') }}`,
                        method: 'post',
                        data: formData,
                        headers: {
                            "Authorization": "Bearer {{ session('Authorization') }}",
                            "Content-Type": "multipart/form-data"
                        }
                    }).catch((e) => {

                        let response = e.response;

                        @if (env('APP_DEBUG'))
                            console.warn(e)
                        @endif

                        if (response.status === 400 || response.status === 422) {
                            Swal.fire({
                                title: 'Ops!',
                                text: response.data.message,
                                icon: "error",
                                cancelButtonText: "{{ __('locale.Table.Company.support.Column.Close') }}"
                            })
                        } else if (response.status === 404) {
                            Swal.fire({
                                title: 'Ops!',
                                text: "{{ __('locale.Table.Company.support.Column.Status404Error') }}",
                                icon: "error",
                                cancelButtonText: "{{ __('locale.Table.Company.support.Column.Close') }}"
                            })
                        } else {

                            Swal.fire({
                                title: 'Ops!',
                                text: "{{ __('locale.Table.Company.support.Column.ErrorForm') }}",
                                icon: "error",
                                cancelButtonText: "{{ __('locale.Table.Company.support.Column.Close') }}"
                            })

                        }

                    });

                    Swal.fire({
                        title: 'Uhuul!',
                        text: "{{ __('locale.Table.Company.support.Column.AddSuccess') }}",
                        icon: "success",
                    }).then((_) => {
                        if (_.isConfirmed) {
                            window.location.href =  window.location.href
                                
                        }
                    })


                } catch (e) {

                }
            }

        });

        $('#btnReset').on('click', function() {
            window.location.href = '{{ route("dashboard.companies.index") }}';
        });


    });
</script>
@endsection