@extends('layouts/contentLayoutMaster')

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

@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-credi">
                        @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.Credi.Label.contract_id') }}</label>
                                            <select id="contract_id" class="form-select"
                                            placeholder="{{ __('locale.Pages.Credi.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.Credi.Label.product_id') }}</label>
                                            <select id="product_id" class="form-select"
                                            placeholder="{{ __('locale.Pages.Credi.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.Credi.Label.coverage_type') }}</label>
                                            <select id="coverage_type" class="form-select"
                                            placeholder="{{ __('locale.Pages.Credi.Label.coverage_type') }}"name="coverage_type"
                                            required>
                                            <option value="1">Tipo 1</option>
                                            <option value="2">Tipo 2</option>
                                            <option value="3">Tipo 3</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="maximum_loan_limit">{{ __('locale.Pages.Credi.Label.maximum_loan_limit') }}</label>
                                            <select id="maximum_loan_limit" class="form-select"
                                            placeholder="{{ __('locale.Pages.Credi.Label.maximum_loan_limit') }}"name="maximum_loan_limit"
                                            required>
                                            <option value="10">10%</option>
                                            <option value="20">20%</option>
                                            <option value="30">30%</option>
                                            <option value="40">40%</option>
                                            <option value="50">50%</option>
                                            </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="customCheck1">{{ __('locale.Pages.Credi.Label.allow_plan_upgrade') }}</label>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <div class="form-check">
                                                <input type="radio" name="allow_plan_upgrade" value="0" checked
                                                    class="form-check-input" id="customCheck1">
                                                <label class="form-check-label"
                                                    for="customCheck1">{{ __('locale.Pages.Credi.Value.No') }}</label>
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <div class="form-check">
                                                <input type="radio" name="allow_plan_upgrade" value="1"
                                                    class="form-check-input" id="customCheck2">
                                                <label class="form-check-label"
                                                    for="customCheck2">{{ __('locale.Pages.Credi.Value.Yes') }}</label>
                                            </div>
                                        </div>
                                    </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="whats_deadline">{{ __('locale.Pages.Credi.Label.whats_deadline') }}</label>
                                            <select id="whats_deadline" class="form-select"
                                            placeholder="{{ __('locale.Pages.Credi.Label.whats_deadline') }}"name="whats_deadline"
                                            required>
                                            <option value="1">teste</option>
                                            </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 mb-12">
                                <div class="mb-1">
                                    <div class="">
                                        <label class="form-label"
                                            for="negotiated_details">{{ __('locale.Pages.Credi.Label.negotiated_details') }}</label>
                                            <select id="negotiated_details" class="form-select"
                                            placeholder="{{ __('locale.Pages.Credi.Label.negotiated_details') }}"name="negotiated_details"
                                            required>
                                            <option value="1">Isenção de alguma documentação</option>
                                            <option value="2">Mudança de data de vencimento</option>
                                            <option value="3">Movimentação por layout</option>
                                            <option value="4">Inclusão de programas custeados Humanittare</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.Credi.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.Credi.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.Credi.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.Credi.Button.Add') }}</button>
                                <button type="reset" class="btn btn-outline-secondary" id="btnReset">{{ __('locale.Pages.Credi.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-credi").validate({
            rules: {
                contract_id: 'required',
                product_id: 'required',
                coverage_type: 'required',
                allow_plan_upgrade: 'required',
                maximum_loan_limit: 'required',
                whats_deadline: 'required',
                negotiated_details: 'required',
                has_copay: 'required',
                copay_condition_id: 'required',
            },
        });

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

        // $("#modalAddBroker #form-modal-add-broker").validate({
        //     rules: {
        //         contract_id: 'required',
        //         product_id: 'required',
        //         coverage_type: 'required',
        //         allow_plan_upgrade: 'required',
        //         maximum_loan_limit: 'required',
        //         whats_deadline: 'required',
        //         negotiated_details: 'required',
        //         has_copay: 'required',
        //         copay_condition_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-credi").submit();

        });

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

            eve.preventDefault();

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

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

                try {

                    let {
                        data: response
                    } = await axios({
                        url: `{{ route('api.conditions.credi_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.credi_products.index') }}`
                        }
                    })


                } catch (e) {

                }
            }

        });

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


    });
</script>
@endsection