@extends('layout.master')
@section('RSS')
    active open
@endsection
@section('content')
    <div id="content-header">
        <div id="breadcrumb">
            <a href="{{ url('dashboard') }}" title="Go to Home" class="tip-bottom"><i class="icon-home"></i>Home</a>
            <a href="#" class="tip-bottom">Regional Membership list</a>
            @if ($isEdit == 1)
                <a href="#" class="current">Update Regional Membership</a>
            @else
                <a href="#" class="current">Upgrade Regional Membership</a>
            @endif
        </div>
        @if ($isEdit == 1)
            <h1>Update Regional Membership</h1>
        @else
            <h1>Upgrade Regional Membership</h1>
        @endif
    </div>
    <!--End-breadcrumbs-->
    <div class="container-fluid">
        <div class="row-fluid">
            <div class="span12">
                <div class="widget-box">
                    <div class="widget-title">
                        <span class="icon"><i class="icon-th"></i></span>
                        @if ($isEdit == 1)
                            <h5>Update Regional Membership</h5>
                        @else
                            <h5>Upgrade Regional Membership</h5>
                        @endif
                    </div>
                    <div class="widget-content">
                        @if (session()->has('success'))
                            <div class="alert alert-success">{{ session()->get('success') }}</div>
                        @endif
                        @if (session()->has('error'))
                            <div class="alert alert-danger">{{ session()->get('error') }}</div>
                        @endif
                        @php
                            $franchisorId = $franId;
                            $trackId = $franId;
                            $url = 'upgrade-regional-membership';
                            $status = 'display: none;';
                            $amount = '';
                            $deal_amt = '';
                            // dd($franData);
                            if (!is_null($franData) && $isEdit == 1) {
                                $franchisorId = $franData->franchisor_id;
                                $trackId = $franData->id;
                                $url = 'update-regional-membership';
                                $status = 'display: block;';

                                $amount = $franData->amount ?? '';
                                $deal_amt = $franData->deal_amt ?? '';
                            }
                        @endphp

                        <form method="POST" class="form-horizontal" enctype="multipart/form-data"
                            action="{{ Config('constants.MainDomain') }}/{{ $url }}">
                            @csrf
                            <input type="hidden" name="fran_id" value="{{ $trackId }}" />
                            <input type="hidden" name="token_key" value="58j3POp2hYQqXRyqAkdsKAQcDLtykqAL57BI2hNc">
                            <input type="hidden" name="type" value="{{ $type }}">
                            <div class="control-group">
                                @if (session()->has('dateError'))
                                    <div class="alert alert-danger">{{ session()->get('dateError') }}</div>
                                @endif
                            </div>
                            <div class="control-group">
                                <label class="control-label">Franchisor Id :</label>
                                <div class="controls">
                                    <input type="text" class="span11" disabled value="{{ $franchisorId }}"
                                        title="franchisor_id" />
                                </div>
                            </div>

                            @php
                                $membershipFree = 'checked';
                                $membershipPaid = '';
                                $display = 'display: none';

                                if (!is_null($franData)) {
                                    $membershipFree = '';
                                    $membershipPaid = 'checked';
                                    $display = 'display: block';
                                }
                            @endphp
                                {{-- @dd($franData, $section); --}}
                            <div class="control-group">
                                <label for="products" class="control-label">Section :</label>
                                <div class="controls">
                                    <select name="products[]" class="span11" id="products" required>
                                        <option value="">--Select Section--</option>
                                        @php
                                            $selectedSection = !is_null($franData)
                                                ? $franData->brand_section
                                                : $section->brand_section;
                                        @endphp
                                        @if ($type == 'franchise')
                                            <option value="1" @if ($selectedSection == 1) selected @endif>
                                                Regional LFT</option>
                                            <option value="2" @if ($selectedSection == 2) selected @endif>
                                                Regional TBO</option>
                                            <option value="3" @if ($selectedSection == 3) selected @endif>
                                                Regional TFO</option>
                                            <option value="4" @if ($selectedSection == 4) selected @endif>
                                                Regional TDO</option>
                                        @else
                                            <option value="1" @if ($selectedSection == 1) selected @endif>
                                                Regional PBO</option>
                                            <option value="2" @if ($selectedSection == 2) selected @endif>
                                                Regional SBO</option>
                                            <option value="3" @if ($selectedSection == 3) selected @endif>
                                                Regional TFO</option>
                                            <option value="4" @if ($selectedSection == 4) selected @endif>
                                                Regional FBO</option>
                                        @endif
                                    </select>
                                </div>
                            </div>
                            {{-- @dd($stateId); --}}
                            <div class="control-group">
                                <label for="state" class="control-label">State :</label>
                                <div class="controls">
                                    <select name="state_id" class="span11" id="state_id" required>
                                        <option value="">--Select State--</option>
                                        @foreach (config('constants.stateArr') as $key => $state)
                                            @if (!is_null($franData))
                                                @if ($franData->state_id == $key)
                                                    <option value="{{ $key }}" selected>
                                                        {{ $state }}</option>
                                                @else
                                                    <option value="{{ $key }}">{{ $state }}
                                                    </option>
                                                @endif
                                            @else
                                                @if (isset($stateId) && $stateId == $key)
                                                    <option value="{{ $key }}" selected>
                                                        {{ $state }}</option>
                                                @else
                                                    <option value="{{ $key }}">{{ $state }}
                                                    </option>
                                                @endif
                                            @endif
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="control-group">
                                <label for="plan_tenure" class="control-label">Plan Tenure :</label>
                                <div class="controls">

                                    <select name="plan_tenure" class="span11" id="plan_tenure" required>
                                        <option value="0" @php echo ($tenure == '0') ? 'selected' : ''; @endphp>
                                            --Select--</option>
                                        <option value="1" @php echo ($tenure == '1') ? 'selected' : ''; @endphp>1
                                            Month</option>
                                        <option value="3" @php echo ($tenure == '3') ? 'selected' : ''; @endphp>3
                                            Months</option>
                                        <option value="6" @php echo ($tenure == '6') ? 'selected' : ''; @endphp>6
                                            Months</option>
                                        <option value="12" @php echo ($tenure == '12') ? 'selected' : ''; @endphp>12
                                            Months</option>
                                    </select>
                                </div>
                            </div>
                            <div class="control-group">
                                <label for="plan_tenure" class="control-label">Deal/Plan Amount :</label>
                                <div class="controls">

                                    <input type="number" name="deal_amt" class="span11" id="deal_amt"
                                        value="{{ $deal_amt }}" placeholder="Deal Amount" />

                                </div>
                            </div>

                            <div class="control-group">
                                <label class="control-label">Deposit Amount :</label>
                                <div class="controls">
                                    <input type="number" required class="span11" placeholder="amount"
                                        value="{{ $amount }}" name="amount" />
                                </div>
                            </div>
                            @php
                                $paymentDate = date('Y-m-d');
                                if (!is_null($franData)) {
                                    $paymentDate = $franData->pay_date;
                                }
                            @endphp
                            <div class="control-group">
                                <label class="control-label">Payment Date</label>
                                <div class="controls">
                                    <input type="date" pattern="[0-9]{4}-(0[1-9]|1[012])-(0[1-9]|1[0-9]|2[0-9]|3[01])"
                                        title="payment_date" class="datepicker span11" required
                                        data-date-format="mm-dd-yyyy" name="payment_date" value="{{ $paymentDate }}">
                                </div>
                            </div>
                            <div class="control-group">
                                <label for="payment_mode" class="control-label">Payment Mode :</label>
                                <div class="controls">
                                    <select name="payment_mode" id="payment_mode" class="span11" required>
                                        <option value="">--Select--</option>
                                        @foreach (Config('constants.paymentSource') as $key => $value)
                                            @if (!is_null($franData))
                                                @if ($franData->pay_mode == $key)
                                                    <option value="{{ $value }}" selected>
                                                        {{ $key }}
                                                    </option>
                                                @else
                                                    <option value="{{ $value }}">{{ $key }}
                                                    </option>
                                                @endif
                                            @else
                                                <option value="{{ $value }}">{{ $key }}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            @php
                                $paymentDetail = '';
                                if (!is_null($franData)) {
                                    $paymentDetail = $franData->pay_details;
                                }
                            @endphp
                            <div class="control-group">
                                <label for="checkPayDetails" class="control-label">Payment Details :</label>
                                <div class="controls">
                                    <textarea id="checkPayDetails" class="span11" required placeholder="Payment Details" name="payment_details"
                                        rows="6">{{ $paymentDetail }}</textarea>
                                </div>
                            </div>
                            @php
                                $startDate = date('Y-m-d');
                                if (!is_null($franData)) {
                                    $startDate = $franData->start_date;
                                }
                            @endphp
                            <div class="control-group">
                                <label class="control-label">Start Date</label>
                                <div class="controls">
                                    <input type="date" pattern="[0-9]{4}-(0[1-9]|1[012])-(0[1-9]|1[0-9]|2[0-9]|3[01])"
                                        title="start_date" class="datepicker span11" required
                                        data-date-format="mm-dd-yyyy" name="start_date"
                                        value="{{ substr($startDate, 0, 10) }}">
                                </div>
                            </div>
                            @php
                                $endDate = date('Y-m-d');
                                if (!is_null($franData)) {
                                    $endDate = $franData->end_date;
                                }
                            @endphp
                            <div class="control-group">
                                <label class="control-label">End Date</label>
                                <div class="controls">
                                    <input type="date" title="end_date"
                                        pattern="[0-9]{4}-(0[1-9]|1[012])-(0[1-9]|1[0-9]|2[0-9]|3[01])"
                                        class="datepicker span11" required data-date-format="mm-dd-yyyy" name="end_date"
                                        value="{{ substr($endDate, 0, 10) }}">
                                </div>
                            </div>
                            <div class="control-group">
                                <label for="executive_email" class="control-label">Executive Email :</label>
                                <div class="controls ">
                                    <select name="executive_email" id="executive_email" class="span11" required>
                                        <option value="">--Select--</option>
                                        @foreach ($executives as $executive)
                                            <option value="{{ $executive->emp_email }}"
                                                @if (isset($franData) && $franData->executive_name == $executive->emp_email) selected @endif>
                                                {{ $executive->emp_email }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            @php
                                $delSummery = '';
                                if (!is_null($franData)) {
                                    $delSummery = $franData->offer_desc;
                                }
                            @endphp
                            <div class="control-group">
                                <label class="control-label">Deliverable Summery :</label>
                                <div class="controls">
                                    <textarea required class="span11" placeholder="summery" name="del_summery" rows="6">{{ $delSummery }}</textarea>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">Is Freash Entry? :</label>
                                <div class="controls">
                                    <label>
                                        @if ($isEdit == '0')
                                            <input type="radio" id="fresh_entry" name="fresh_entry" value="1"
                                                @if (!is_null($franData) && $franData->fresh_entry == 1) checked @endif>
                                            Yes&nbsp;&nbsp;&nbsp;
                                            <input type="radio" id="old_entry" name="fresh_entry" value="0"
                                                @if (!is_null($franData) && $franData->fresh_entry == 0) checked @endif>
                                            No
                                        @endif
                                        @if ($isEdit == '1')
                                            <input type="radio" id="fresh_e" name="fresh_entry" value="1"
                                                @if (!is_null($franData) && $franData->fresh_entry == 1) checked @endif>
                                            Yes&nbsp;&nbsp;&nbsp;
                                            <input type="radio" id="old_e" name="fresh_entry" value="0"
                                                @if (!is_null($franData) && $franData->fresh_entry == 0) checked @endif>
                                            No
                                        @endif

                                    </label>
                                </div>
                            </div>
                            @if ($isEdit == 1)
                                <div class="control-group">
                                    <label class="control-label">Payment Histroy :</label>
                                    <div class="controls">
                                        @php
                                            if ($isEdit == '1') {
                                                echo $franData->outstanding_table ?? '';
                                            }
                                        @endphp
                                    </div>
                                </div>
                            @endif
                            <div id="prevplan_data" style="display: none;">
                                <div class="control-group">
                                    <label for="plan_tenure" class="control-label">Previous Plan :</label>
                                    <div class="controls">

                                        <select name="prev_plan" class="span11" id="prev_plan">
                                        </select>

                                    </div>
                                    <div class="controls">
                                        <strong>Payment summary</strong>
                                        <div id="payment_summery">
                                        </div>
                                    </div>

                                </div>
                                <div class="control-group" style="display: none;">
                                    <label class="control-label">Html Code :</label>
                                    <div class="controls">
                                        <input type="hidden" name="payemnt_tree" id="payemnt_tree" value="0" />
                                        <input type="hidden" name="balance_amt" id="balance_amt" value="0" />
                                        <textarea class="span11" name="html_code" id="html_code"></textarea>
                                    </div>
                                </div>
                            </div>
                            @php
                                $commLeads = '';
                                if (!is_null($franData)) {
                                    $commLeads = $franData->committed_leads;
                                }
                            @endphp
                            <div class="control-group">
                                <label class="control-label">Committed Leads :</label>
                                <div class="controls">
                                    <input type="text" required class="span11" placeholder="Leads" name="leads"
                                        value="{{ $commLeads }}" />
                                </div>
                            </div>

                            {{-- <div class="control-group">
                                <label class="control-label">Logo Upload :</label>
                                <div class="controls">
                                    <input type="file" class="span11" name="franImage" />
                                </div>
                            </div> --}}

                            <div class="control-group" style="{{ $display }}">
                                <label class="control-label">Status :</label>
                                <div class="controls">
                                    @php
                                        $statusA = '';
                                        $statusE = '';
                                        if (!is_null($franData)) {
                                            if ($franData->status == 1 || $franData->status == 0) {
                                                $statusA = 'checked';
                                            }
                                            if ($franData->status == 2) {
                                                $statusE = 'checked';
                                            }
                                        }
                                    @endphp

                                    <label><input type="radio" name="status" value="active" {{ $statusA }}>
                                        Active</label>
                                    <label><input type="radio" name="status" value="expired" {{ $statusE }}>
                                        Expired</label>
                                </div>
                            </div>

                            <div class="control-group">
                                <label class="control-label">Active till lead completion? :</label>
                                <div class="controls">
                                    <label><input type="radio" name="expire_after_leads" value="1"
                                            @if (!is_null($franData) && $franData->expire_after_leads == 1) checked @endif> Yes</label>
                                    <label><input type="radio" name="expire_after_leads" value="0"
                                            @if (!is_null($franData) && $franData->expire_after_leads != 1) checked @endif> No</label>
                                </div>
                            </div>


                            @if (count($paymentReminders) == 0)
                                <div class="control-group">
                                    <label class="control-label">Payment Reminder :</label>
                                    <div class="controls">
                                        <div id="items" style="margin-top: 15px; margin-bottom: 15px;">
                                            <div class="form-group payment">
                                                <div data-date="" class="input-append date ">
                                                    <input type="date" value="{{ date('Y-m-d') }}"
                                                        pattern="[0-9]{4}-(0[1-9]|1[012])-(0[1-9]|1[0-9]|2[0-9]|3[01])"
                                                        class="datepicker" data-date-format="yyyy-mm-dd"
                                                        style="width: 95%" name="payment_reminder_date[]"
                                                        placeholder="Enter Payment Reminder Date">
                                                </div>
                                                <div style="display: inline-block; padding-left: 15px; margin-left: 20px;">
                                                    <textarea name="payment_reminder_details[]" placeholder="Enter Payment Reminder Details"></textarea>
                                                </div>
                                                <label style="display: inline-block; padding-left:10px;"><input
                                                        type="checkbox" name="payment_reminder_completed_1"
                                                        value="1">
                                                    Completed ?</label>
                                                <div style="display: inline; margin-left: 10px; padding-top: 20px;">
                                                    <button type="button" class="btn btn-info add_field_button">Add
                                                        Field</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @else
                                <div class="control-group">
                                    <label class="control-label">Payment Reminder :</label>
                                    <div class="controls">
                                        <div id="items" style="margin-top: 15px; margin-bottom: 15px;">
                                            @foreach ($paymentReminders as $reminder)
                                                <div class="form-group payment" style="margin-top: 20px"
                                                    id="croxxAddPayment{{ $loop->index > 0 ? $loop->index + 1 : '' }}">
                                                    <div data-date="" class="input-append date ">
                                                        <input type="date" value="{{ $reminder->date }}"
                                                            {{ $loop->index != 0 ? 'required' : '' }}
                                                            pattern="[0-9]{4}-(0[1-9]|1[012])-(0[1-9]|1[0-9]|2[0-9]|3[01])"
                                                            class="datepicker" data-date-format="yyyy-mm-dd"
                                                            style="width: 95%" name="payment_reminder_date[]"
                                                            placeholder="Enter Payment Reminder Date">
                                                    </div>
                                                    <div
                                                        style="display: inline-block; padding-left: 15px; margin-left: 20px;">
                                                        <textarea {{ $loop->index != 0 ? 'required' : '' }} name="payment_reminder_details[]"
                                                            placeholder="Enter Payment Reminder Details">{{ $reminder->details }}</textarea>
                                                    </div>
                                                    <label style="display: inline-block; padding-left:10px;"><input
                                                            type="checkbox"
                                                            name="payment_reminder_completed_{{ $loop->index + 1 }}"
                                                            value="{{ $loop->index + 1 }}"
                                                            {{ $reminder->is_completed == 1 ? 'checked' : '' }}>
                                                        Completed ?</label>
                                                    @if ($loop->index == 0)
                                                        <div
                                                            style="display: inline; margin-left: 10px; padding-top: 20px;">
                                                            <button type="button"
                                                                class="bt btn-info add_field_button">Add
                                                                Field</button>
                                                        </div>
                                                    @endif
                                                    @if ($loop->last)
                                                        <a style="display: inline; margin-left: 10px; padding-top: 20px;"
                                                            href="#" class="remove_field"><i
                                                                class="icon icon-fullscreen" aria-hidden="true"></i></a>
                                                    @endif
                                                </div>
                                            @endforeach
                                        </div>
                                    </div>
                                </div>
                            @endif

                            @if (count($deliverableReminders) == 0)
                                <div class="control-group">
                                    <label class="control-label">Deliverable Reminder :</label>
                                    <div class="controls">
                                        <div id="items_deliverable" style="margin-top: 15px; margin-bottom: 15px;">
                                            <div class="form-group deliverable">
                                                <div data-date="" class="input-append date ">
                                                    <input type="date" value="{{ date('Y-m-d') }}"
                                                        pattern="[0-9]{4}-(0[1-9]|1[012])-(0[1-9]|1[0-9]|2[0-9]|3[01])"
                                                        class="datepicker" data-date-format="yyyy-mm-dd"
                                                        style="width: 95%" name="deliverable_reminder_date[]"
                                                        placeholder="Enter Deliverable Reminder Date">
                                                </div>
                                                <div style="display: inline-block; padding-left: 15px; margin-left: 20px;">
                                                    <textarea name="deliverable_reminder_details[]" placeholder="Enter Deliverable Reminder Details"></textarea>
                                                </div>
                                                <label style="display: inline-block; padding-left:10px;"><input
                                                        type="checkbox" name="deliverable_reminder_completed_1"
                                                        value="1"> Completed ?</label>
                                                <div style="display: inline; margin-left: 10px; padding-top: 20px;">
                                                    <button type="button" class="btn btn-info add_deliverable_button">Add
                                                        Field</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @else
                                <div class="control-group">
                                    <label class="control-label">Deliverable Reminder :</label>
                                    <div class="controls">
                                        <div id="items_deliverable" style="margin-top: 15px; margin-bottom: 15px;">
                                            @foreach ($deliverableReminders as $reminder)
                                                <div class="form-group deliverable" style="margin-top: 20px"
                                                    id="croxxAdd{{ $loop->index > 0 ? $loop->index + 1 : '' }}">
                                                    <div data-date="" class="input-append date ">
                                                        <input type="date" value="{{ $reminder->date }}"
                                                            {{ $loop->index != 0 ? 'required' : '' }}
                                                            pattern="[0-9]{4}-(0[1-9]|1[012])-(0[1-9]|1[0-9]|2[0-9]|3[01])"
                                                            class="datepicker" data-date-format="yyyy-mm-dd"
                                                            style="width: 95%" name="deliverable_reminder_date[]"
                                                            placeholder="Enter Deliverable Reminder Date" />
                                                    </div>
                                                    <div
                                                        style="display: inline-block; padding-left: 15px; margin-left: 20px;">
                                                        <textarea {{ $loop->index != 0 ? 'required' : '' }} name="deliverable_reminder_details[]"
                                                            placeholder="Enter Deliverable Reminder Details">{{ $reminder->details }}</textarea>
                                                    </div>
                                                    <label style="display: inline-block; padding-left:10px;"><input
                                                            type="checkbox"
                                                            name="deliverable_reminder_completed_{{ $loop->index + 1 }}"
                                                            value="{{ $loop->index + 1 }}"
                                                            {{ $reminder->is_completed == 1 ? 'checked' : '' }}>
                                                        Completed ?</label>
                                                    @if ($loop->index == 0)
                                                        <div
                                                            style="display: inline; margin-left: 10px; padding-top: 20px;">
                                                            <button type="button"
                                                                class="btn btn-info add_deliverable_button">Add
                                                                Field</button>
                                                        </div>
                                                    @endif
                                                    @if ($loop->last)
                                                        <a style="display: inline; margin-left: 10px; padding-top: 20px;"
                                                            href="#" class="remove_field"><i
                                                                class="icon icon-fullscreen" aria-hidden="true"></i></a>
                                                    @endif
                                                </div>
                                            @endforeach
                                        </div>
                                    </div>
                                </div>
                            @endif

                            <div class="form-actions">
                                <button type="submit" class="btn btn-success"
                                    style="position: relative; left: 50%;">Save</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            let max_fields = 10;
            let wrapper = $("#items"); //Fields wrapper
            let add_button = $(".add_field_button"); //Add button ID

            let x = 1; //initial text box count
            $(add_button).click(function(e) { //on add input button click
                e.preventDefault();
                if (x < max_fields) { //max input box allowed

                    x = $('.payment').length;
                    x++;
                    $('.payment .remove_field').remove();
                    $(wrapper).append('' +
                        '<div class="form-group payment" style="margin-top: 20px" id="croxxAddPayment' +
                        (x) + '">' +
                        '<div class="input-append date ">' +
                        '<input type="date" pattern="[0-9]{4}-(0[1-9]|1[012])-(0[1-9]|1[0-9]|2[0-9]|3[01])" class="datepicker" value="{{ date('Y-m-d') }}" required data-date-format="mm-dd-yyyy" style="width: 95%" name="payment_reminder_date[]" placeholder="Enter Payment Reminder Date"">' +
                        '</div>' +
                        '<div style="display: inline-block; padding-left: 15px; margin-left: 23px;">' +
                        '<textarea name="payment_reminder_details[]" required placeholder="Enter Payment Reminder Details"></textarea>' +
                        '</div>' +
                        '<label style="display: inline-block; padding-left:10px;">' +
                        '<input type="checkbox" name="payment_reminder_completed_' + (x) + '" value="' +
                        (x) + '" > Completed ?' +
                        '</label>' +
                        '<a style="display: inline; margin-left: 10px; padding-top: 20px;" href="#" class="remove_field"><i class="icon icon-fullscreen" aria-hidden="true"></i></a>' +
                        '</div>'
                    );

                    if (x > 1)
                        $('[name="payment_reminder_details[]"]').first().attr('required', true);
                    else
                        $('[name="payment_reminder_details[]"]').first().attr('required', false);

                }
            });

            let add_button_deliverable = $(".add_deliverable_button"); //Add button ID
            let wrapperDeliverable = $("#items_deliverable"); //Fields wrapper

            let y = 1; //initial text box count
            $(add_button_deliverable).click(function(e) { //on add input button click
                e.preventDefault();
                if (y < max_fields) { //max input box allowed
                    y = $('.deliverable').length;
                    y++;
                    $('.deliverable .remove_field').remove();
                    $(wrapperDeliverable).append('' +
                        '<div class="form-group deliverable" style="margin-top: 20px" id="croxxAdd' + (
                            y) + '">' +
                        '<div class="input-append date ">' +
                        '<input type="date" pattern="[0-9]{4}-(0[1-9]|1[012])-(0[1-9]|1[0-9]|2[0-9]|3[01])" class="datepicker" value="{{ date('Y-m-d') }}" required data-date-format="yyyy-mm-dd" style="width: 95%" name="deliverable_reminder_date[]" placeholder="Enter Deliverable Reminder Date">' +
                        '</div>' +
                        '<div style="display: inline-block; padding-left: 15px; margin-left: 23px;">' +
                        '<textarea name="deliverable_reminder_details[]" required placeholder="Enter Deliverable Reminder Details"></textarea>' +
                        '</div>' +
                        '<label style="display: inline-block; padding-left:10px;" >' +
                        '<input type="checkbox" value="' + (y) +
                        '" name="deliverable_reminder_completed_' + (y) + '" > Completed ?' +
                        '</label>' +
                        '<a style="display: inline; margin-left: 10px; padding-top: 20px;" href="#" class="remove_field"><i class="icon icon-fullscreen" aria-hidden="true"></i></a>' +
                        '</div>'
                    );

                    if (y > 1)
                        $('[name="deliverable_reminder_details[]"]').first().attr('required', true);
                    else
                        $('[name="deliverable_reminder_details[]"]').first().attr('required', false);
                }
            });

            $(wrapper).on("click", ".remove_field", function(e) { //user click on remove field
                x = $('.payment').length;
                e.preventDefault();
                $(this).parent('div').remove();
                $("#croxxAddPayment" + (x - 1)).append(
                    '<a style="display: inline; margin-left: 10px; padding-top: 20px;" href="#" class="remove_field"><i class="icon icon-fullscreen" aria-hidden="true"></i></a>'
                );
                x--;
                if (x > 1)
                    $('[name="payment_reminder_details[]"]').first().attr('required', true);
                else
                    $('[name="payment_reminder_details[]"]').first().attr('required', false);
            });

            $(wrapperDeliverable).on("click", ".remove_field", function(e) { //user click on remove field
                y = $('.deliverable').length;
                e.preventDefault();
                $(this).parent().remove();
                $("#croxxAdd" + (y - 1)).append(
                    '<a style="display: inline; margin-left: 10px; padding-top: 20px;" href="#" class="remove_field"><i class="icon icon-fullscreen" aria-hidden="true"></i></a>'
                );
                y--;
                if (y > 1)
                    $('[name="deliverable_reminder_details[]"]').first().attr('required', true);
                else
                    $('[name="deliverable_reminder_details[]"]').first().attr('required', false);

            });

            $('[name="deliverable_reminder_details[]"]').first().on('change', function() {
                if ($('.deliverable').length > 1)
                    $('[name="deliverable_reminder_details[]"]').first().attr('required', true);
                else
                    $('[name="deliverable_reminder_details[]"]').first().attr('required', false);
            });

            $('[name="payment_reminder_details[]"]').first().on('change', function() {
                if ($('.payment').length > 1)
                    $('[name="payment_reminder_details[]"]').first().attr('required', true);
                else
                    $('[name="payment_reminder_details[]"]').first().attr('required', false);
            });
        });
        jQuery(document).ready(function() {
            $("#old_entry").click(function(e) {
                $('#prevplan_data').show();
                //e.preventDefault();
                var stateArr = @json(config('constants.stateArr'));
                var product = $("#products").val();
                var franchisor = $("input[name=fran_id]").val();
                var key = $("input[name=token_key]").val();
                var state_id = $("#state_id").val();
                var type = $("input[name=type]").val();
                // alert(type);
                $.ajax({

                    type: 'post',

                    url: "{{ url('/web-api/regionalapi.php') }}",

                    data: {
                        token: 'paymenthistory',
                        franchisor_id: franchisor,
                        token_key: key,
                        state_id: state_id,
                        type: type,
                    },

                    success: function(data) {
                        // alert(data);
                        var obj = jQuery.parseJSON(data);
                        if (obj.status == '1') {
                            var options =
                                '<option value=""><strong>--select Previous Plan--</strong></option>'; //create your "title" option
                            $(obj.items).each(function(index,
                                value) { //loop through your elements
                                var brandPrefix = '';
                                if (value.type == 'franchise') {
                                    if (value.plan == '1')
                                        brandPrefix = 'LFT';
                                    else if (value.plan == '2')
                                        brandPrefix = 'TBO';
                                    else if (value.plan == '3')
                                        brandPrefix = 'TFO';
                                    else if (value.plan == '4')
                                        brandPrefix = 'TDO';
                                } else {
                                    if (value.plan == '1')
                                        brandPrefix = 'PBO';
                                    else if (value.plan == '2')
                                        brandPrefix = 'SBO';
                                    else if (value.plan == '3')
                                        brandPrefix = 'TFO';
                                    else if (value.plan == '4')
                                        brandPrefix = 'FBO';
                                }

                                var stateName = stateArr[value.state_id] ||
                                    '';
                                options += '<option value="' + value.id +
                                    '">[ Plan: ' + brandPrefix + ' - ' + stateName +
                                    ' ] -Plan Amt: ' + value
                                    .amount + ' Start Date : ' + value.startdate +
                                    ' End Date : ' + value.enddate +
                                    '</option>'; //add the option element as a string
                            });
                            $('#prev_plan').html(options);
                        } else {
                            alert('No Any Previous Plan');
                            $('#prevplan_data').hide();
                            $("#fresh_entry").prop("checked", true);
                        }
                    }
                });
            });
            $("#fresh_entry").click(function(e) {
                $('#prevplan_data').hide();
            });

            $("#prev_plan").change(function(e) {
                $('#payment_summery').html('');
                var track_id = $(this).val();
                var state_name = $("select[name=state_id] option:selected").text();
                var deal_amt = $("input[name=deal_amt]").val();
                var deposit_amt = $("input[name=amount]").val();
                var payment_date = $("input[name=payment_date]").val();
                var planend_date = $("input[name=end_date]").val();
                var key = $("input[name=token_key]").val();
                var type = $("input[name=type]").val();
                var state_id = $("#state_id").val();
                $.ajax({

                    type: 'post',

                    url: "{{ url('/web-api/regionalapi.php') }}",

                    data: {
                        token: 'paymentbreakup',
                        track_id: track_id,
                        deposit_amt: deposit_amt,
                        payment_date: payment_date,
                        planend_date: planend_date,
                        track_id: track_id,
                        token_key: key,
                        state_name: state_name,
                        state_id: state_id,
                        type: type,
                    },

                    success: function(data) {
                        // console.log(data);
                        var obj = jQuery.parseJSON(data);
                        var html = '"' + obj.table + '"';
                        $('#deal_amt').val(obj.deal_amt);
                        $('#payment_summery').html(obj.table);
                        $('#balance_amt').val(obj.balance_amt);
                        $('#payemnt_tree').val(obj.tree);
                        $('#html_code').html(obj.table);
                    }
                });
            });
        });
    </script>
@endsection