@extends('layouts.admin')
@section('title','Membership Quote Generator Controls')
@section('page_title','MembershipQuoteGeneratorControls')

@section('page_level_css')
<link href="{{asset('assets/vendors/custom/datatables/datatables.bundle.css')}}" rel="stylesheet" type="text/css" />
@endsection

@section('content')
<div class="kt-content kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor pt-2" id="kt_content">

    <!-- begin:: Content -->
    <div class="kt-container kt-container--fluid kt-grid__item kt-grid__item--fluid">

        <!-- begin:: Page -->
        <div class="kt-grid kt-grid--ver kt-grid--root ">
            <div class="top_main_title">
                <div class="labpair-title">
                    <p>
                        <span class="title">MEMBERSHIP QUOTE GENERATOR CONTROLS</span>
                    </p>
                </div>
            </div>
        </div>
        <!-- end:: Page -->

        <div class="inner-main-section mt-3 pt-3">

            <div class="row">
                <div class="col-12">
                    <div class="example-preview">
                        <ul class="nav nav-pills mb-0 pl-md-5" id="myTab1" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active">
                                    <span class="nav-text">Membership Quote Generator Controls</span>
                                </a>
                            </li>
                        </ul>
                        <div class="tab-content" id="myTabContent1">
                            <div class="tab-pane fade show active" id="home-1" role="tabpanel" aria-labelledby="home-tab-1">
                                <div class="info-section">
                                    <p>
                                        <strong>EXPLANATION:</strong>
                                        Use this component to manage Membership Quote Generator Controls LabPair.
                                    </p>
                                </div>

                                <div class="some-custom-datatable">
                                    <div class="kt-portlet__body">
                                        <!--begin: Datatable -->
                                        <div class="row">
                                            <div class="col-lg-12 custom-height-manage">
                                                <div class="bg-white w-100 h-100">
                                                    <div class="managment-form">

                                                        <div class="row">
                                                            <div class="col-lg-8 offset-2">
                                                                <div class="">&nbsp;</div>
                                                                <form class="kt-form kt-form--label-right QuoteAnnualFees mb-5" id="addEditForm" method="POST" action="{{getAURL('quote-control')}}">
                                                                    <div class="quote-title">
                                                                        Enter current ANNUAL FEE for one LabPair membership
                                                                    </div>
                                                                    @csrf
                                                                    <input type="hidden" name="type" value="AnnualFee">
                                                                    <div class="form-group">
                                                                        <div class="label col-lg-3 offset-3">
                                                                            <label class="text-center quote-label-title">Current Annual Fee</label>
                                                                        </div>
                                                                        <div class="label col-lg-3">
                                                                            <label class="text-center quote-label-title">Update Annual Fee</label>
                                                                        </div>
                                                                    </div>
                                                                    <div class="form-group">
                                                                        <div class="col-lg-3 offset-3 gray-background quote-label-title text-center">
                                                                            $ {{$data['AnnualFee']->value ?? '0.00'}}
                                                                        </div>
                                                                        <div class="input-group col-lg-3">
                                                                            <input type="number" class="form-control" name="value" id="AnnualFee">
                                                                        </div>
                                                                    </div>
                                                                    <div class="form-group">
                                                                        <div class="input-group col-lg-3 offset-6">
                                                                            <div class="submit-btn d-block w-100">
                                                                                <input type="submit" class="btn btn-primary w-100 d-block" value="Save">
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </form>

                                                                <form class="kt-form kt-form--label-right QuoteMaximumFees mb-5" id="addEditForm2" method="POST" action="{{getAURL('quote-control')}}">
                                                                    <div class="quote-title">
                                                                        Discount Maximum
                                                                    </div>
                                                                    <div class="quote-description">
                                                                        Enter the maximum discount that can be received when multi-year and multi-user discounts are added together
                                                                    </div>
                                                                    @csrf
                                                                    <input type="hidden" name="type" value="MaxDiscount">
                                                                    <div class="form-group">
                                                                        <div class="label col-lg-3 offset-3">
                                                                            <label class="text-center quote-label-title">Current Maximum</label>
                                                                        </div>
                                                                        <div class="label col-lg-3">
                                                                            <label class="text-center quote-label-title">Update Maximum</label>
                                                                        </div>
                                                                    </div>
                                                                    <div class="form-group">
                                                                        <div class="col-lg-3 offset-3 gray-background quote-label-title text-center">
                                                                            {{$data['MaxDiscount']->value ?? '0'}}%
                                                                        </div>
                                                                        <div class="input-group col-lg-3">
                                                                            <input type="number" class="form-control" name="value" id="MaxDiscount" value="{{$data->last_name ?? ''}}">
                                                                        </div>
                                                                    </div>
                                                                    <div class="form-group">
                                                                        <div class="input-group col-lg-3 offset-6">
                                                                            <div class="submit-btn d-block w-100">
                                                                                <input type="submit" class="btn btn-primary w-100 d-block" value="Save">
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </form>

                                                                <form class="kt-form kt-form--label-right QuoteMultiUserFees mb-5" id="addEditForm3" method="POST" action="{{getAURL('quote-control')}}">
                                                                    <div class="quote-title">
                                                                        Multi-User Discount Settings
                                                                    </div>
                                                                    <div class="quote-description">
                                                                        Enter the discounts to be received for multi-user membership purchases
                                                                    </div>
                                                                    @csrf
                                                                    <input type="hidden" name="type" value="User">
                                                                    <div class="form-group mb-0">
                                                                        <div class="label col-lg-3 offset-3">
                                                                            <label class="text-center quote-label-title">Current Settings</label>
                                                                        </div>
                                                                        <div class="label col-lg-3">
                                                                            <label class="text-center quote-label-title">Update Settings</label>
                                                                        </div>
                                                                    </div>
                                                                    <div class="form-group">
                                                                        <div class="label col-lg-3 offset-3">
                                                                            <label class="text-center quote-label-description">Values currently in use</label>
                                                                        </div>
                                                                        <div class="label col-lg-3">
                                                                            <label class="text-center quote-label-description">Blank rows will default to those currently in use</label>
                                                                        </div>
                                                                    </div>

                                                                    <div class="form-group row text-center quote-user-table">
                                                                        <div class="label col-lg-3 offset-3">
                                                                            <table>
                                                                                <tr class="min-height">
                                                                                    <td class="number line gray-background"># Users</td>
                                                                                    <td class="input line gray-background">Percent Discount</td>
                                                                                </tr>
                                                                                @for ($i=1; $i<=9; $i++) <tr class="min-height min-width">
                                                                                    <td class="number line gray-background">{{$i}}</td>
                                                                                    <td class="input line gray-background">
                                                                                        {{$data['User'][$i]}}
                                                                                    </td>
                                                                                    </tr>
                                                                                    @endfor
                                                                            </table>
                                                                        </div>
                                                                        <div class="label col-lg-3">
                                                                            <table>
                                                                                <tr class="min-height">
                                                                                    <td class="number line gray-background"># Users</td>
                                                                                    <td class="input line">Percent Discount</td>
                                                                                </tr>
                                                                                @for ($i=1; $i<=9; $i++) <tr>
                                                                                    <td class="number line gray-background">{{$i}}</td>
                                                                                    <td class="input line">
                                                                                        <input type="number" class="form-control" name="value[{{$i}}]" id="User{{$i}}">
                                                                                    </td>
                                                                                    </tr>
                                                                                    @endfor
                                                                            </table>
                                                                        </div>
                                                                    </div>

                                                                    <div class="form-group">
                                                                        <div class="input-group col-lg-3 offset-6">
                                                                            <div class="submit-btn d-block w-100">
                                                                                <input type="submit" class="btn btn-primary w-100 d-block" value="Save Changes">
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </form>

                                                                <form class="kt-form kt-form--label-right QuoteMultiUserFees mb-5" id="addEditForm3" method="POST" action="{{getAURL('quote-control')}}">
                                                                    <div class="quote-title">
                                                                        Multi-Year Discount Settings
                                                                    </div>
                                                                    <div class="quote-description">
                                                                        Enter the discounts to be received for multi-year membership purchases
                                                                    </div>
                                                                    @csrf
                                                                    <input type="hidden" name="type" value="Year">
                                                                    <div class="form-group mb-0">
                                                                        <div class="label col-lg-3 offset-3">
                                                                            <label class="text-center quote-label-title">Current Settings</label>
                                                                        </div>
                                                                        <div class="label col-lg-3">
                                                                            <label class="text-center quote-label-title">Update Settings</label>
                                                                        </div>
                                                                    </div>
                                                                    <div class="form-group">
                                                                        <div class="label col-lg-3 offset-3">
                                                                            <label class="text-center quote-label-description">Values currently in use</label>
                                                                        </div>
                                                                        <div class="label col-lg-3">
                                                                            <label class="text-center quote-label-description">Blank rows will default to those currently in use</label>
                                                                        </div>
                                                                    </div>

                                                                    <div class="form-group row text-center quote-user-table">
                                                                        <div class="label col-lg-3 offset-3">
                                                                            <table>
                                                                                <tr class="min-height min-width">
                                                                                    <td class="number line gray-background"># Years</td>
                                                                                    <td class="input line gray-background">Percent Discount</td>
                                                                                </tr>
                                                                                @for ($i=1;$i<=5;$i++) <tr class="min-height min-width">
                                                                                    <td class="number line gray-background">{{$i}}</td>
                                                                                    <td class="input line gray-background">
                                                                                        {{$data['Year'][$i]}}
                                                                                    </td>
                                                                                    </tr>
                                                                                    @endfor
                                                                            </table>
                                                                        </div>
                                                                        <div class="label col-lg-3">
                                                                            <table>
                                                                                <tr class="min-height">
                                                                                    <td class="number line gray-background"># Years</td>
                                                                                    <td class="input line">Percent Discount</td>
                                                                                </tr>
                                                                                @for ($i=1; $i<=5; $i++) <tr class="min-height">
                                                                                    <td class="number line gray-background">{{$i}}</td>
                                                                                    <td class="input line">
                                                                                        <input type="number" class="form-control" name="value[{{$i}}]" id="Year{{$i}}">
                                                                                    </td>
                                                                                    </tr>
                                                                                    @endfor
                                                                            </table>
                                                                        </div>
                                                                    </div>

                                                                    <div class="form-group">
                                                                        <div class="input-group col-lg-3 offset-6">
                                                                            <div class="submit-btn d-block w-100">
                                                                                <input type="submit" class="btn btn-primary w-100 d-block" value="Save Changes">
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </form>

                                                                <form class="kt-form kt-form--label-right QuoteMultiUserFees" id="addEditForm3">
                                                                    <div class="quote-title">
                                                                        Discount Table for Quote Generator
                                                                    </div>
                                                                    <div class="quote-description">
                                                                        This discount table details all of the possible amounts charged for each user based on the total possible discounts received. These data are called upon to generate LabPair quotes.
                                                                    </div>
                                                                    <div class="form-group row text-center quote-user-table mt-4">
                                                                        <div class="label col-lg-10 offset-1">
                                                                            <table>
                                                                                <tr class="min-height text-left">
                                                                                    <td class="line w-25">Total Discount (multi-user + multi-year)</td>
                                                                                    <td class="line">Monthly Fee Per User</td>
                                                                                    <td class="line">Annual Fee Per User</td>
                                                                                    <td class="line">Annual Savings per User</td>
                                                                                </tr>
                                                                                @for ($percentage=0; $percentage <= 100; $percentage +=5) 
                                                                                     
                                                                                    <tr class="min-height text-right">
                                                                                    <td class="line">{{$percentage}}%</td>
                                                                                    <td class="line">{{$monthlyFee}}</td>
                                                                                    <td class="line">{{$discountYearlyFee}}</td>
                                                                                    <td class="line">{{$discountAmount}}</td>
                                                                                    </tr>
                                                                                    @endfor
                                                                            </table>
                                                                        </div>
                                                                    </div>

                                                                </form>

                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                            </div>
                                        </div>
                                        <!--end: Datatable -->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="showDeleteModel" role="dialog" data-backdrop="false">
        <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
            <div class="modal-content dark-color">
                <div class="modal-header">
                    <h5 class="modal-title" id="modalDeleteHerderTitle"></h5>
                    <button type="button" class="close deleteModelHide" data-dismiss="modal" aria-label="Close">
                    </button>
                </div>
                <div class="modal-body gray-background">
                    <div class="kt-section__body">
                        <div class="text-center max-width-560">
                            <div class="icon text-center mb-4" id="modalDeleteIcon"><i class="fas fa-exclamation-triangle"></i></div>
                            <h3 id="modalDeleteTitle"></h3>
                            <p id="modalDeleteDescription"></p>
                        </div>
                        <div class="btn-group d-flex align-items-center justify-content-center mt-4 mb-4">
                            <div class="button mr-2 ml-2">
                                <button type="button" class="btn btn-primary btn-wide yes-sure" data-id="{{$data->id ?? ''}}" id="confirmDeleteTitle"></button>
                            </div>
                            <div class="button mr-2 ml-2">
                                <button type="button" class="btn btn-primary btn-wide" data-dismiss="modal" aria-label="Close" id="cancelDeleteTitle"></button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- end:: Content -->
    <button type="button" class="showDeleteModel" data-toggle="modal" data-target="#showDeleteModel" style="display: none;">Show Delete Model</button>
</div>

@endsection

@section('page_level_js')
<script src="{{asset('assets/js/admin/quote-control.js')}}" type="text/javascript"></script>
<script src="{{asset('assets/vendors/custom/datatables/datatables.bundle.js')}}" type="text/javascript"></script>
<script src="{{asset('assets/js/demo1/pages/crud/datatables/basic/paginations.js')}}" type="text/javascript"></script>
@endsection

@push('footerscript')
<script>

</script>
@endpush