@extends('layout._default')

@section('body-con')
   
@section('title')
    {{ $type }} Calculator
@endsection 
    {{-- @section('breadcrumbs')
        {{ Breadcrumbs::render('user-management.users.index') }}
    @endsection --}}

    <div class="card">
        <ul class="nav nav-pills nav-fill p-3">
            <li class="nav-item p-2"><a href="{{ route('brand-calculator.influencers') }}" class="a-item nav-link {{ request()->routeIs('brand-calculator.influencers') ? 'active' : '' }}">Influencers<a></li>
            <li class="nav-item p-2"><a href="{{ route('brand-calculator.brands') }}" class="a-item nav-link {{ request()->routeIs('brand-calculator.brands') ? 'active' : '' }}">Brands<a></li>
            <li class="nav-item p-2"><a href="{{ route('brand-calculator.houses') }}" class="a-item nav-link {{ request()->routeIs('brand-calculator.houses') ? 'active' : '' }}">Houses<a></li>
             <li class="nav-item p-2"><a href="{{ route('brand-calculator.concierge') }}" class="a-item nav-link {{ request()->routeIs('brand-calculator.concierge') ? 'active' : '' }}">Concierge<a></li>
        </ul>
    </div>
    <br><br>
    <div class="card">
        <!--begin::Card header-->
        <div class="card-header border-0 pt-6">
            <!--begin::Card title-->
            <div class="card-title">
                <!--begin::Search-->
                <div class="d-flex align-items-center position-relative my-1">
                    {{-- {!! getIcon('magnifier', 'fs-3 position-absolute ms-5') !!}
                    <input type="text" data-kt-user-table-filter="search" class="form-control form-control-solid w-250px ps-13" placeholder="Search" id="mySearchInput"/> --}}
                </div>
                <!--end::Search-->
            </div>
            <!--begin::Card title-->

            <!--begin::Card toolbar-->
            <div class="card-toolbar">
                @if(Auth::user()->hasPermission('can_add_calculator'))
                <!--begin::Toolbar-->
                <div class="d-flex justify-content-end" data-kt-user-table-toolbar="base">
                    <!--begin::Add user-->
                    <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#kt_modal_add_template">
                        {!! getIcon('plus', 'fs-2', '', 'i') !!}
                        Create Template
                    </button>
                    <!--end::Add user-->
                </div>
                @endif
                <!--end::Toolbar-->

                <!--begin::Modal-->

                <!--end::Modal-->
            </div>
            <!--end::Card toolbar-->
        </div>
        <!--end::Card header-->

        <!--begin::Card body-->
        <div class="card-body py-4">
            <!--begin::Table-->
            {{-- <div class="table-responsive"> --}}
                {{ $dataTable->table() }}
                <div id="total_records"></div>
            {{-- </div> --}}
            <!--end::Table-->
        </div>
        <!--end::Card body-->
    </div>
    
    @include('livewire.calculator.add-template-modal')
    @include('livewire.calculator.edit-template-modal')
    <div id="view-modal-sec"></div>
    {{-- @include('livewire.calculator.view-template-modal') --}}
    @push('scripts')
        {{ $dataTable->scripts() }}
        <script>
            // document.getElementById('mySearchInput').addEventListener('keyup', function () {
            //     window.LaravelDataTables['influencer-collaboration-templates'].search(this.value).draw();
            // });



            $("#add-user-submit-btn").click(async function(e) {
                e.preventDefault();
                var template_name = $("#template_name").val();
                var range_name = $("#range_name").val();
                var price_range_min = $("#price_range_min").val();
                var price_range_max = $("#price_range_max").val();
                var error = false;

                $(".text-danger").text('');
                if(template_name == '')
                {
                    $("#template_name_error").text('Template Name Is Required');
                    error = true;
                }
                if(range_name == '')
                {
                    $("#range_name_error").text('Range Name Is Required');
                    error = true;
                }
                if(price_range_min == '')
                {
                    $("#price_range_min_error").text('Price Range Min Is Required');
                    error = true;
                }
                if(price_range_max == '')
                {
                    $("#price_range_max_error").text('Price Range Max Is Required');
                    error = true;
                }

                if(isNaN(price_range_min))
                {
                    $("#price_range_min_error").text('Price Range Min Should Be Float Value');
                    error = true;
                }
                if(isNaN(price_range_max))
                {
                    $("#price_range_max_error").text('Price Range Max Should Be Float Value');
                    error = true;
                }

            
                if(error)
                {
                    return false;
                }

               
                $('#kt_modal_add_template_form').submit();
            })

            function editTemplate(templateId)
            {
                $.ajax({
                    type: "GET",
                    url: "/admin/brand-calculator/edit/"+templateId,
                    success: function(response)
                    {
                        if(response.status == 1)
                        {
                            $("#edit-template-modal-body").empty();
                            $("#edit-template-modal-body").append(response.data);
                            $("#kt_modal_edit_template").modal("show");
                        }
                        
                    }
                })
            }

            function viewTemplate(templateId)
            {
                $.ajax({
                    type: "GET",
                    url: "/admin/brand-calculator/show/"+templateId,
                    success: function(response)
                    {
                        if(response.status == 1)
                        {
                            $("#view-modal-sec").empty();
                            $("#view-modal-sec").append(response.data);
                            $("#kt_modal_view_template").modal("show");
                        }
                        
                    }
                })
            }

          
            $(document).on("click", "#edit-template-submit-btn",function(e) {
                e.preventDefault();
                var template_name = $("#edit_template_name").val();
                var range_name = $("#edit_range_name").val();
                var price_range_min = $("#edit_price_range_min").val();
                var price_range_max = $("#edit_price_range_max").val();
                console.log('ssss');
                var error = false;
                console.log('ss');
                $(".text-danger").text('');
                if(template_name == '')
                {
                    $("#edit_template_name_error").text('Template Name Is Required');
                    error = true;
                }
                if(range_name == '')
                {
                    $("#edit_range_name_error").text('Range Name Is Required');
                    error = true;
                }
                if(price_range_min == '')
                {
                    $("#edit_price_range_min_error").text('Price Range Min Is Required');
                    error = true;
                }
                if(price_range_max == '')
                {
                    $("#edit_price_range_max_error").text('Price Range Max Is Required');
                    error = true;
                }

                if(isNaN(price_range_min))
                {
                    $("#edit_price_range_min_error").text('Price Range Min Should Be Float Value');
                    error = true;
                }
                if(isNaN(price_range_max))
                {
                    $("#edit_price_range_max_error").text('Price Range Max Should Be Float Value');
                    error = true;
                }

            
                if(error)
                {
                    return false;
                }

                $('#kt_modal_edit_template_form').submit();
            })
            
            function deleteTemplate(templateId)
            {
                var url = "/admin/brand-calculator/destroy/"+templateId;
                Swal.fire({
                    html: `Are You Sure You Want To Delete This Record ? `,
                    icon: "info",
                    buttonsStyling: false,
                    showCancelButton: true,
                    confirmButtonText: "Confirm!",
                    cancelButtonText: 'Nope, cancel it',
                    customClass: {
                        confirmButton: "btn btn-primary",
                        cancelButton: 'btn btn-danger'
                    }
                }).then((result) => {
                    if (result.isConfirmed) {
                        window.location.href = url;
                    }
                });
            }
        </script>
    @endpush

@endsection