@extends('layouts/contentLayoutMaster')

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

@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-edit-company-contact">
                        <input type="hidden" name="company_id" value="{{ $company ? $company->id : '' }}">

                        @csrf
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="name">{{ __('locale.Table.Company.Contact.Column.Name') }}</label>
                                    <input type="text" id="name" class="form-control" placeholder="Nome"
                                        name="name" value="{{ $company_contact->name }}" required disabled/>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="role">{{ __('locale.Table.Company.Contact.Column.Role') }}</label>
                                    <input type="text" id="role" class="form-control"
                                    placeholder="Cargo" name="role" value="{{ $company_contact->role }}" required disabled/>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="phone">{{ __('locale.Table.Company.Contact.Column.Phone') }}</label>
                                    <input type="text" id="phone" class="form-control" placeholder="(00) 0 0000-0000"
                                        name="phone" data-mask="(00) 0 0000-0000" value="{{ $company_contact->phone }}" required disabled/>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="email">{{ __('locale.Table.Company.Contact.Column.E-mail') }}</label>
                                    <input type="text" id="email" class="form-control" placeholder="E-mail"
                                        name="email" value="{{ $company_contact->email }}" disabled/>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="role_level">{{ __('locale.Table.Company.Contact.Column.RoleLevel') }}</label>
                                    <select id="role_level" class="form-select" name="role_level" required disabled>
                                        <option value="1" {{ $company_contact->role_level == 1 ? 'selected' : '' }}>{{ __('locale.Table.Company.Contact.Column.RoleLevelAssistant') }}</option>
                                        <option value="2" {{ $company_contact->role_level == 2 ? 'selected' : '' }}>{{ __('locale.Table.Company.Contact.Column.RoleLevelAnalyst') }}</option>
                                        <option value="3" {{ $company_contact->role_level == 3 ? 'selected' : '' }}>{{ __('locale.Table.Company.Contact.Column.RoleLevelSupervisor') }}</option>
                                        <option value="4" {{ $company_contact->role_level == 4 ? 'selected' : '' }}>{{ __('locale.Table.Company.Contact.Column.RoleLevelCoordinator') }}</option>
                                        <option value="5" {{ $company_contact->role_level == 5 ? 'selected' : '' }}>{{ __('locale.Table.Company.Contact.Column.RoleLevelManager') }}</option>
                                        <option value="6" {{ $company_contact->role_level == 6 ? 'selected' : '' }}>{{ __('locale.Table.Company.Contact.Column.RoleLevelSuperintendent') }}</option>
                                        <option value="7" {{ $company_contact->role_level == 7 ? 'selected' : '' }}>{{ __('locale.Table.Company.Contact.Column.RoleLevelDirector') }}</option>
                                        <option value="8" {{ $company_contact->role_level == 8 ? 'selected' : '' }}>{{ __('locale.Table.Company.Contact.Column.RoleLevelPresident') }}</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="birth_date">{{ __('locale.Table.Company.Contact.Column.BirthDate') }}</label>
                                    <input type="date" id="birth_date" class="form-control"
                                        name="birth_date" value="{{ $company_contact->birth_date }}" disabled/>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="relationship_level">{{ __('locale.Table.Company.Contact.Column.Proximity') }}</label>
                                    <select id="relationship_level" class="form-select" name="relationship_level" required disabled>
                                        <option value="1" {{ $company_contact->relationship_level == 1 ? 'selected' : '' }}>{{ __('locale.Pages.Company.Value.Cold') }}</option>
                                        <option value="2" {{ $company_contact->relationship_level == 2 ? 'selected' : '' }}>{{ __('locale.Pages.Company.Value.Warm') }}</option>
                                        <option value="3" {{ $company_contact->relationship_level == 3 ? 'selected' : '' }}>{{ __('locale.Pages.Company.Value.Hot') }}</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="hobbie">{{ __('locale.Table.Company.Contact.Column.Hobbie') }}</label>
                                    <input type="text" id="hobbie" class="form-control"
                                        placeholder="Hobbie" name="hobbie" value="{{ $company_contact->hobbie }}" disabled/>
                                </div>
                            </div>
                            
                        </div>
                    </form>
                </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';

        $(".form-edit-company-contact").validate({
            rules: {
                name: 'required',
                company_id: 'required',
                phone: 'required',
                phone_type: 'required',
                role: 'required',
                role_level: 'required',
                proximity: 'required',
            },
            messages: {
                name: "{{ __('locale.Table.Company.Contact.Column.RulesMessageName') }}",
                company_id: "{{ __('locale.Table.Company.Contact.Column.RulesMessageCompanyid') }}",
                phone: "{{ __('locale.Table.Company.Contact.Column.RulesMessagePhone') }}",
                phone_type: "{{ __('locale.Table.Company.Contact.Column.RulesMessagePhoneType') }}",
                role: "{{ __('locale.Table.Company.Contact.Column.RulesMessageRole') }}",
                role_level: "{{ __('locale.Table.Company.Contact.Column.RulesMessageRoleLevel') }}",
                proximity: "{{ __('locale.Table.Company.Contact.Column.RulesMessageProximity') }}",
            }
        });

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

            eve.preventDefault();

            $(".form-edit-company-contact").submit();

        });

        $(".form-edit-company-contact").on("submit", async function(eve) {

            eve.preventDefault();

            if ($(".form-edit-company-contact").get(0).checkValidity()) {

                let json = Object.fromEntries((new FormData($(".form-edit-company-contact").get(0)))
                    .entries());

                try {

                    let {
                        data: response
                    } = await axios({
                        url: `{{ route('api.companies.contacts.update', $company_contact->id) }}`,
                        method: 'put',
                        data: json,
                        headers: {
                            "Authorization": "Bearer {{ session('Authorization') }}"
                        }
                    }).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.Contact.Column.Close') }}"
                            })
                        } else if (response.status === 404) {
                            Swal.fire({
                                title: 'Ops!',
                                text: "{{ __('locale.Table.Company.Contact.Column.Status404Error') }}",
                                icon: "error",
                                cancelButtonText: "{{ __('locale.Table.Company.Contact.Column.Close') }}"
                            })
                        } else {

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

                        }

                    });

                    Swal.fire({
                        title: 'Uhuul!',
                        text: "{{ __('locale.Table.Company.Contact.Column.UpdateSuccess') }}",
                        icon: "success",
                    }).then((_) => {
                        if (_.isConfirmed) {
                            window.location.href = '{{ route("dashboard.companies_contacts.index", $company->id) }}'
                        }
                    })


                } catch (e) {

                }
            }

        });

        $('#btnReset').on('click', function() {
            window.location.href = '{{ route("dashboard.companies_contacts.index", $company->id) }}';
        });


    });
</script>
@endsection