@extends('layouts/contentLayoutMaster')

@section('title',  __('locale.Products.Dental'))

@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.Pages.colab.Title') }}</h4>
                </div> --}}
                <div class="card-body">
                    <form class="form-add-dental">
                        @csrf
                        <div class="row">
                            <div class="col-md-4 mb-12">
                                <div class="mb-1">
                                    <div class="">
                                        <label class="form-label"
                                            for="contract_id">{{ __('locale.Pages.Dental.Label.contract_id') }}</label>
                                            <select id="contract_id" class="form-select"
                                            placeholder="{{ __('locale.Pages.Dental.Label.contract_id') }}"name="contract_id"
                                            required>
                                            @if ($contracts)
                                                @foreach ($contracts as $contract)
                                                    <option value="{{ $contract->id }}">{{ $contract->policy_number }}</option>
                                                @endforeach
                                            @endif
                                            </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 mb-12">
                                <div class="mb-1">
                                    <div class="">
                                        <label class="form-label"
                                            for="product_id">{{ __('locale.Pages.Dental.Label.product_id') }}</label>
                                            <select id="product_id" class="form-select"
                                            placeholder="{{ __('locale.Pages.Dental.Label.product_id') }}"name="product_id"
                                            required>
                                            @if ($products)
                                                @foreach ($products as $product)
                                                    <option value="{{ $product->id }}">{{ $product->name }}</option>
                                                @endforeach
                                            @endif  
                                            </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 mb-12">
                                <div class="mb-1">
                                    <div class="">
                                        <label class="form-label"
                                            for="coverage_type">{{ __('locale.Pages.Dental.Label.coverage_type') }}</label>
                                            <select id="coverage_type" class="form-select"
                                            placeholder="{{ __('locale.Pages.Dental.Label.coverage_type') }}"name="coverage_type"
                                            required>
                                                <option value="2">ROL</option>
                                                <option value="3">ROL ampliado</option>
                                                <option value="4">Ortodontia com instalação do aparelho</option>
                                                <option value="5">Ortodontia com documentação do aparelho</option>
                                                <option value="6">Ortodontia com manutenção</option>
                                                <option value="8">Ortodontia com ressalvas</option>
                                                <option value="9">Proteses Resina</option>
                                                <option value="10">Proteses Porcelana</option>
                                                <option value="11">Proteses com Ressalva</option>
                                                <option value="12">Clareamento caseiro</option>
                                                <option value="13">Clareamento a laser</option>
                                                <option value="14">Implantes</option>
                                            </select>
                                    </div>
                                </div>
                            </div>
                        </div>                  
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="company_currency_reward">{{ __('locale.Pages.Dental.Label.company_currency_reward') }}</label>
                                    <input type="number" id="company_currency_reward" class="form-control" autocomplete="off" placeholder="{{ __('locale.Pages.Dental.Label.company_currency_reward') }}"
                                        name="company_currency_reward" required />
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="company_currency_refund">{{ __('locale.Pages.Dental.Label.company_currency_refund') }}</label>
                                    <input type="number" id="company_currency_refund" class="form-control" autocomplete="off" placeholder="{{ __('locale.Pages.Dental.Label.company_currency_refund') }}"
                                        name="company_currency_refund" required />
                                </div>
                            </div>                           
                        </div>
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="example_refund_value" autocomplete="off">{{ __('locale.Pages.Dental.Label.example_refund_value') }}</label>
                                    <input type="text" id="example_refund_value" class="form-control money" placeholder="R$:"
                                        name="example_refund_value" required />
                                </div>
                            </div> 
                            <div class="col-md-6 mb-12">
                                <div class="mb-1">
                                    <div class="">
                                        <label class="form-label"
                                            for="type_inactive_billing">{{ __('locale.Pages.Dental.Label.type_inactive_billing') }}</label>
                                            <select id="type_inactive_billing" class="form-select"
                                            placeholder="{{ __('locale.Pages.Dental.Label.type_inactive_billing') }}"name="type_inactive_billing"
                                            required>
                                                <option value="1">Faixa etária</option>
                                                <option value="2">Taxa Média</option>
                                            </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 mb-12">
                                <div class="mb-1">
                                    <div class="">
                                        <label class="form-label"
                                            for="negotiated_details">{{ __('locale.Pages.Dental.Label.negotiated_details') }}</label>
                                            <select id="negotiated_details" class="form-select"
                                            placeholder="{{ __('locale.Pages.Dental.Label.negotiated_details') }}"name="negotiated_details"
                                            required>
                                                <option value="1">Moeda de reembolso</option>
                                                <option value="2">Isenção de alguma documentação</option>
                                                <option value="3">Mudança de data de vencimento</option>
                                                <option value="4">Movimentação por layout</option>
                                                <option value="5">Inclusão de programas custeados Humanittare</option>
                                            </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 mb-12">
                                <div class="mb-1">
                                    <div class="">
                                        <label class="form-label"
                                            for="adt">{{ __('locale.Pages.Dental.Label.additional_coverage') }}</label>
                                            <select id="additional_coverage" class="form-select"
                                            placeholder="{{ __('locale.Pages.Dental.Label.additional_coverage') }}"name="additional_coverage"
                                            required>
                                                <option value="1">Check up para executivos</option>
                                                <option value="2">Seguro viagem</option>
                                                <option value="3">Vacina</option>
                                                <option value="4">Telemedicina</option>
                                                <option value="5">Remissão por morte</option>
                                                <option value="6">Outros</option>
                                            </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="customCheck1">{{ __('locale.Pages.Dental.Label.has_copay') }}</label>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <div class="form-check">
                                                <input type="radio" name="has_copay" value="0" checked
                                                    class="form-check-input" id="customCheck1">
                                                <label class="form-check-label"
                                                    for="customCheck1">{{ __('locale.Pages.Dental.Value.No') }}</label>
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <div class="form-check">
                                                <input type="radio" name="has_copay" value="1"
                                                    class="form-check-input" id="customCheck2">
                                                <label class="form-check-label"
                                                    for="customCheck2">{{ __('locale.Pages.Dental.Value.Yes') }}</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 mb-12">
                                <div class="mb-1">
                                    <div class="">
                                        <label class="form-label"
                                            for="copay_id">{{ __('locale.Pages.Credi.Label.copay_condition_id') }}</label>
                                            <select id="copay_id" class="form-select"
                                            placeholder="{{ __('locale.Pages.Credi.Label.copay_condition_id') }}"name="copay_id"
                                            required>
                                            @if ($copays)
                                                @foreach ($copays as $copay)
                                                    <option value="{{ $copay->id }}">{{ $copay->description }}</option>
                                                @endforeach
                                            @endif
                                            </select>
                                    </div>
                                </div>
                            </div>
                        </div>              
                        <div class="row">
                            <div class="col-12">
                                <button type="submit" class="btn btn-primary me-1" id="btnAddEmployee">{{ __('locale.Pages.Dental.Button.Add') }}</button>
                                <button type="reset" class="btn btn-outline-secondary" id="btnReset">{{ __('locale.Pages.Dental.Button.Back') }}</button>
                            </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/jquery-mask/jquery.mask.js')) }}"></script>
<script src="{{ asset(mix('vendors/js/forms/validation/jquery.validate.min.js')) }}"></script>
@endsection
@section('page-script')
<script>
    $(function() {
        'use strict';

        // $('.select2').each(function() {
        //     var $this = $(this);
        //     $this.wrap('<div class="position-relative"></div>');
        //     $this.select2({
        //         dropdownAutoWidth: true,
        //         width: '100%',
        //         dropdownParent: $this.parent()
        //     });
        // });

        $(".form-add-dental").validate({
            rules: {
                contract_id: 'required',
                product_id: 'required',
                coverage_type: 'required',
                company_currency_reward: 'required',
                company_currency_refund: 'required',
                example_refund_value: 'required',
                negotiated_details: 'required',
                type_inactive_billing: 'required',
                additional_coverage: 'required',
                has_copay: 'required',
                copay_id: 'required',
                
            },
        });

        $(".money").mask("#.##0,00", {
            reverse: true
        });

        // $("#cnpj").on("keyup", function() {

        //     let cnpj = $(this).val().replace(/\D/g, '');

        //     if (!validations.cnpj.isValid(cnpj)) {
        //         $("#modalAddBroker #btnModalAddBroker").attr('disabled', 'disabled');
        //     } else {
        //         $("#modalAddBroker #btnModalAddBroker").removeAttr('disabled');
        //     }

        //     if (cnpj.length === 14 && !validations.cnpj.isValid(cnpj) && window.Swal !== undefined) {
        //         window.Swal.fire({
        //             title: "Ops!",
        //             text: "{{ __('locale.Pages.team.Column.CNPJInvalid') }}",
        //             icon: "{{ __('locale.Pages.team.warning') }}"
        //         })
        //     }

        // });

        // $("#modalAddBroker #form-modal-add-broker").validate({
        //     rules: {
        //         name: 'required',
        //         cnpj: 'required',
        //         susep: 'required',
        //         company_id: 'required',
        //     },
        // });

        // $("#modalAddBroker #btnModalAddBroker").on("click", function() {

        //     $("#form-modal-add-broker").submit();

        // });

        // $("#form-modal-add-broker").on("submit", async function(eve) {

        //     eve.preventDefault();

        //     if ($(this).get(0).checkValidity()) {

        //         let payload = Object.fromEntries((new FormData($(this).get(0))).entries())

        //         let {
        //             data: json,
        //             ...response
        //         } = await axios({
        //                 method: 'post',
        //                 url: `{{ route('api.brokers.store') }}`,
        //                 data: payload,
        //                 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: '{{ __('locale.Pages.team.Error') }}',
        //                         cancelButtonText: '{{ __('locale.Pages.team.Column.CloseButton') }}'
        //                     })
        //                 } else if (response.status === 404) {
        //                     Swal.fire({
        //                         title: 'Ops!',
        //                         text: '{{ __('locale.Pages.team.Column.RequestedNotFound') }}',
        //                         icon: '{{ __('locale.Pages.team.Error') }}',
        //                         cancelButtonText: '{{ __('locale.Pages.team.Column.CloseButton') }}'
        //                     })
        //                 } else {

        //                     Swal.fire({
        //                         title: 'Ops!',
        //                         text: '{{ __('locale.Pages.team.Column.ErrorRegisterOperator') }}',
        //                         icon: '{{ __('locale.Pages.team.Error') }}',
        //                         cancelButtonText: '{{ __('locale.Pages.team.Column.CloseButton') }}'
        //                     })

        //                 }

        //                 return false;

        //             });

        //         let new_select_option = `<option value="${json.id}" select>${json.name}</option>`;

        //         $("#broker_id").append(new_select_option);

        //         $(this).get(0).reset();

        //         $("#modalAddBroker").modal('hide');


        //     }


        // });

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

            eve.preventDefault();

            $(".form-add-dental").submit();

        });

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

            eve.preventDefault();

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

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

                try {

                    let {
                        data: response
                    } = await axios({
                        url: `{{ route('api.conditions.dental_products.store') }}`,
                        method: 'post',
                        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: '{{ __('locale.Pages.team.Error') }}',
                                cancelButtonText: '{{ __('locale.Pages.team.Column.CloseButton') }}'
                            })
                        } else if (response.status === 404) {
                            Swal.fire({
                                title: 'Ops!',
                                text: '{{ __('locale.Pages.team.Column.RequestedNotFound') }}',
                                icon: '{{ __('locale.Pages.team.Error') }}',
                                cancelButtonText: '{{ __('locale.Pages.team.Column.CloseButton') }}'
                            })
                        } else {

                            Swal.fire({
                                title: 'Ops!',
                                text: '{{ __('locale.Pages.team.Column.RegisterError') }}',
                                icon: '{{ __('locale.Pages.team.Error') }}',
                                cancelButtonText: '{{ __('locale.Pages.team.Column.CloseButton') }}'
                            })

                        }

                        return false;

                    });

                    Swal.fire({
                        title: 'Uhuul!',
                        text: '{{ __('locale.Pages.team.Column.RegisterEmployee') }}',
                        icon: '{{ __('locale.Pages.team.Success') }}',
                    }).then((_) => {
                        if (_.isConfirmed) {
                            window.location.href = `{{ route('dashboard.dental_products.index') }}`
                        }
                    })


                } catch (e) {

                }
            }

        });

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


    });
</script>
@endsection