@extends(getTemplate('admin'))
@section('content')
    @push('custom-css')
    @endpush
    @php
        $groups = \Spatie\Permission\Models\Role::get();
        $g = '';
        foreach ($groups as $key => $group) {
            $g .= $group->name . ',';
        }
    @endphp
    <div class="gadmin-pagesidebar-width-1 gadmin-mhide">
        <div class="panel panel-default gadmin-pagesidebar-width-1-panel ">
            <!-- begin panel-heading -->
            <div class="panel-heading gadmin-pagesidebar-width-1-heading">
                <h4 class="panel-title">{{__('admin.takenplace_sidebar')}}</h4>
            </div>
            <!-- end panel-heading -->
            <div class="gadmin-pagesidebar-body">
                <div class="gadmin-pagesidebar-main">
                    <ul class="nav gadmin-pagesidebar-ul">
                        <li><a class=" active">{{__('takenplace::takenplace.settings')}}</a></li>
                        {{--<li><a href="{{url('admin/takenplace/approvals')}}" class="">{{__('takenplace::takenplace.approvals')}}</a></li>--}}
                        <li><a href="{{url('admin/takenplace/weddings')}}" class="">{{__('takenplace::takenplace.couples_events')}}</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="gadmin-pagesidebar-width-2">
        <!-- begin panel -->
        <form class="" method="post" data-parsley-validate="true" name="demo-form">
            <div class="panel panel-default ">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        takenplace Module Settings
                    </h4>
                </div>
                <div id="info-alert" class="alert" style="display:none">
                    <span class="close"  onclick="$('#info-alert').fadeOut()">×</span>
                    <div class="alert-container"></div>
                </div>
                <div class="error">

                </div>
                <div class="panel-body form-horizontal form-bordered form-margins form-margins-sections">
                    <div class="form-group row m-b-15">
                        <label class="control-label col-md-4 col-sm-4 col-be-4" for="required"><b>Default Company:</b>
                            <i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="This setting will override website default company"></i>
                        </label>
                        <div class="col-md-3 lg-fixed-1">
                            @php $companies = \App\Models\Company::where('type', '!=','team')->get() @endphp
                            <select id="company" class="form-control form-dropdown-dark" data-module="takenplace" name="default_company_id">
                                @foreach ($companies as $company)
                                    @if($company->id == setting('default_company_id', 'takenplace'))
                                        <option value="{{$company->id}}" selected="selected">{{$company->name}}</option>
                                    @else
                                        <option value="{{$company->id}}">{{$company->name}}</option>
                                    @endif
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-md-4 col-form-label">{{__('takenplace::takenplace.default_currency')}}</label>
                        <div class="col-md-3 lg-fixed-1">
                            @php $currencies = \App\Models\Currency::get(); @endphp
                            <select id="currency"  class="form-control form-dropdown-dark" data-module="takenplace" name="default_currency_id">
                                @foreach ($currencies as $currency)
                                    @if($currency->id == setting('default_currency_id', 'takenplace'))
                                        <option value="{{$currency->id}}" selected="selected">{{$currency->name}} - ({{$currency->signature}})</option>
                                    @else
                                        <option value="{{$currency->id}}">{{$currency->name}} - ({{$currency->signature}})</option>
                                    @endif
                                @endforeach
                            </select>
                        </div>
                    </div>

                    @php $gateways = setting('default_payment_gateways'); @endphp
                    <div class="form-group row m-b-15">
                        <label class="col-md-4 col-sm-4 col-form-label" for="website">Checkout Payment Gateways:
                            <i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="Checkout Payment Gateways"></i></label>
                        <div class="col-md-8 col-sm-8">
                            <a href="javascript:;" class="x-select2" data-pk="1" data-placeholder="Checkout Payment Gateways" data-items="{{rtrim($gateways,',')}}"  data-name="payment_methods" data-module="takenplace" data-type="select2" data-u="{{ route('admin.settings.updateArray') }}" data-title="Checkout Payment Gateways" data-value="{{setting('payment_methods','takenplace')}}" data-required="true">{{setting('payment_methods','takenplace')}}</a>
                        </div>
                    </div>
                    <div class="form-group row m-b-15">
                        <label class="col-md-4 col-sm-4 col-form-label" for="fullname">Subscription Renewal Requires Approval:
                            <i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="Subscription Renewal Requires Approval"></i>
                        </label>
                        <div class="col-md-8 col-sm-8">
                            <div class="form-check checkbox-slider--b-flat" style="padding-top:0">
                                <label>
                                    @php
                                        $regs = setting('renewal_approval', 'takenplace');
                                        $registers = $regs ? 'checked="checked"' : '';
                                    @endphp
                                    <input class="checkBoxx" type="checkbox" name="takenplace_renewal_approval" data-module="takenplace"  data-u="{{ route('admin.settings.update') }}" {{$registers}}><span></span>
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="form-group row m-b-15">
                        <label class="col-md-4 col-sm-4 col-form-label" for="fullname">Subscription Email Notifications:
                            <i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="Subscription Email Notifications"></i>
                        </label>
                        <div class="col-md-8 col-sm-8">
                            <div class="form-check checkbox-slider--b-flat" style="padding-top:0">
                                <label>
                                    @php
                                        $regsxc = setting('email_notifications', 'takenplace');
                                        $registersxc = $regsxc ? 'checked="checked"' : '';
                                    @endphp
                                    <input class="checkBoxx" type="checkbox" name="takenplace_email_notifications" data-module="takenplace"  data-u="{{ route('admin.settings.update') }}" {{$registersxc}}><span></span>
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="form-group row m-b-15">
                        <label class="col-md-4 col-sm-4 col-form-label" for="fullname">{{__('placeholder').' '.__('title')}}:
                            <i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="{{__('placeholder').' '.__('title')}}"></i>
                        </label>
                        <div class="col-md-8 col-sm-8">
                            <a href="javascript:;" class="x-edit" data-name="placeholder_title" data-type="text" data-placeholder="{{__('placeholder').' '.__('title')}}" data-pk="1" data-u="update_setting" data-title="{{__('placeholder').' '.__('title')}}" data-required="true">{{setting("placeholder_title", 'takenplace')}} </a>
                        </div>
                    </div>
                    <div class="form-group row m-b-15">
                        <label class="col-md-4 col-sm-4 col-form-label" for="fullname">{{__('placeholder').' '.__('text')}} :
                            <i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="{{__('placeholder').' '.__('text')}}"></i>
                        </label>
                        <div class="col-md-8 col-sm-8">
                            <a href="javascript:;" class="x-edit" data-pk="1" data-placeholder="{{__('placeholder').' '.__('text')}}" data-name="placeholder_text" data-type="textarea" data-u="update_setting" data-title="{{__('placeholder').' '.__('text')}}" data-required="true">{{setting("placeholder_text", 'takenplace')}} </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel panel-default ">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        Checkout & Booking Settings
                    </h4>
                </div>
                <div class="panel-body form-horizontal form-bordered form-margins form-margins-sections">
                    <div class="form-group row m-b-15">
                        <label class="col-md-4 col-sm-4 col-form-label" for="fullname">Public Bookings - Account Registration Mandatory:
                            <i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="Guest Booking Account Registration Mandatory"></i>
                        </label>
                        <div class="col-md-8 col-sm-8">
                            <div class="form-check checkbox-slider--b-flat" style="padding-top:0">
                                <label>
                                    @php
                                        $reg = setting('guest_registration_mandatory', 'takenplace');
                                        $register = $reg ? 'checked="checked"' : '';
                                    @endphp
                                    <input class="checkBoxx" type="checkbox" data-module="takenplace" name="guest_registration_mandatory" data-u="{{ route('admin.settings.update') }}" {{$register}}><span></span>
                                </label>
                            </div>
                        </div>
                    </div>
                    @php $display = ( setting("guest_registration_mandatory", 'takenplace') ) ? 'block' : 'none'; @endphp
                    <div id="auto-login" style="display:{{$display}}">
                        <div class="form-group row m-b-15">
                            <label class="col-md-4 col-sm-4 col-form-label" for="fullname">Auto Log In Newly Registered Guest :
                                <i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="Auto Log In Newly Registered Guest"></i>
                            </label>
                            <div class="col-md-8 col-sm-8">
                                <div class="form-check checkbox-slider--b-flat" style="padding-top:0">
                                    <label>
                                        @php
                                            $auto = setting('guest_auto_login', 'takenplace');
                                            $autologin = $auto ? 'checked="checked"' : '';
                                        @endphp
                                        <input class="checkBoxx" type="checkbox" name="guest_auto_login" data-module="takenplace" data-u="{{ route('admin.settings.update') }}" {{$autologin}}><span></span>
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group row m-b-15">
                        <label class="col-md-4 col-sm-4 col-form-label" for="website">Booking Reservation Expiry Time (minutes):
                            <i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="Booking Reservation Expiry Time (in minutes)"></i></label>
                        <div class="col-md-8 col-sm-8">
                            <a href="javascript:;" class="x-edit" data-name="reservation_time" data-type="number" data-placeholder="Booking Reservation Expiry Time (minutes)" data-pk="1" data-u="update_setting" data-title="Booking Reservation Expiry Time (minutes)" data-required="true">{{setting("reservation_time", 'takenplace')}} </a>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-md-4 col-form-label">{{__('block_membership_dates')}}</label>
                        @php
                            $event_block_start = setting('event_block_start_date', 'takenplace');
                            $event_block_end = setting('event_block_end_date', 'takenplace');
                        @endphp
                        <div class="col-md-8">
                            <div class="form-group row">
                                <label class="col-md-5 control-label">{{__('block_dates_from')}}</label>
                                <div class="col-md-6">
                                    <a href="javascript:;" class="x-date" data-type="combodate" data-value="@if(!empty($event_block_start)) {{date("y-m-d", strtotime($event_block_start))}} @endif" data-format="YYYY-MM-DD" data-viewformat="DD/MM/YYYY" data-template="D / MMM / YYYY" data-pk="1" data-title="{{__('block_dates_from')}}" data-name="event_block_start_date" data-u="update_setting">@if(!empty($event_block_start)) {{date("m/d/Y", strtotime($event_block_start))}} @endif</a>
                                </div>
                            </div>
                            <div class="form-group row form-left-marginbottom">
                                <label class="col-md-5 control-label">{{__('block_dates_to')}}</label>
                                <div class="col-md-6">
                                    <a href="javascript:;" class="x-date" data-type="combodate" data-value="@if(!empty($event_block_end)) {{date("y-m-d", strtotime($event_block_end))}} @endif" data-format="YYYY-MM-DD" data-viewformat="DD/MM/YYYY" data-template="D / MMM / YYYY" data-pk="1" data-title="{{__('block_dates_to')}}" data-name="event_block_end_date" data-u="update_setting">@if(!empty($event_block_end)) {{date("m/d/Y", strtotime($event_block_end))}} @endif</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel panel-default ">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        Booking Options
                    </h4>
                </div>
                <div class="panel-body form-horizontal form-bordered form-margins form-margins-sections">
                    @php
                        $groups = '';
                        $g = \Spatie\Permission\Models\Role::get();
                        foreach($g as $group){
                            $groups .= $group->name.',';
                        }
                    @endphp
                    <div class="form-group row">
                        <label class="col-md-4 col-form-label">{{__('module_default_registration_group')}}</label>
                        <div class="col-md-8 col-sm-8">
                            <a href="javascript:;" class="x-select2" data-pk="1" data-placeholder="{{__('module_default_registration_groups')}}" data-items="{{rtrim($groups,',')}}" data-name="default_registration_groups" data-module="takenplace" data-type="select2" data-u="{{ route('admin.settings.updateRoles') }}" data-title="{{__('module_default_registration_groups')}}" data-value="{{setting("default_registration_groups",'takenplace')}}" data-required="true">{{setting("default_registration_groups",'takenplace')}}</a>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-md-4 col-form-label">{{__('usergroups_allowed_to_book')}} Membership Plans</label>
                        <div class="col-md-8">
                            <a href="javascript:;" class="x-select2" data-pk="1" data-placeholder="{{__('usergroups_allowed_to_book')}}" data-items="{{rtrim($g,',')}}" data-name="takenplace_shop_groups" data-type="select2" data-u="update_setting/tag" data-title="{{__('usergroups_allowed_to_book')}}" data-value="{{setting("shop_groups",'takenplace')}}" data-required="true">{{setting("shop_groups",'takenplace')}}</a>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-md-4 col-form-label">{{__('usergroups_allowed_to_add_takenplace')}} Plans</label>
                        <div class="col-md-8 col-sm-8">
                            <a href="javascript:;" class="x-select2" data-pk="1" data-placeholder="{{__('usergroups_allowed_to_add_takenplace')}}" data-items="{{rtrim($g,',')}}" data-name="add_membership_groups" data-type="select2" data-u="update_setting/tag" data-title="{{__('usergroups_allowed_to_add_takenplace')}}" data-value="{{setting("add_membership_groups",'takenplace')}}" data-required="true">{{setting("add_membership_groups",'takenplace')}}</a>
                        </div>
                    </div>
                    <div class="form-group row m-b-15">
                        <label class="col-md-4 col-sm-4 col-form-label" for="website">Members Dashboard - Usergroups Allowed Access to Plans:
                            <i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="Usergroups Allowed to access CP Membership Desks Section"></i></label>
                        <div class="col-md-8 col-sm-8">
                            <a href="javascript:;" class="x-select2" data-pk="1" data-placeholder="Usergroups Allowed to access CP Membership Desks Section" data-items="{{rtrim($groups,',')}}" data-name="cp_access" data-type="select2" data-u="update_setting/tag" data-title="Usergroups Allowed to access CP Membership Desks Section" data-value="{{setting("cp_access",'takenplace')}}" data-required="true">{{setting("cp_access",'takenplace')}}</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel panel-default ">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        Email Custom Messages
                    </h4>
                </div>
                <div class="panel-body form-horizontal form-bordered form-margins form-margins-sections">
                    <div class="form-group row">
                        <label class="col-md-4 col-form-label">{{__('membership_approval_email_message')}}</label>
                        <div class="col-md-8">
                            <textarea class="tiny-mce-a hidden" name="approval_email" data-name="approval_email">{{setting('approval_email', 'takenplace')}}</textarea>
                        </div>
                    </div>

                    <div class="form-group row">
                        <label class="col-md-4 col-form-label">{{__('membership_rejection_email_message')}}</label>
                        <div class="col-md-8">
                            <textarea class="tiny-mce-r hidden" name="rejected_email" data-name="rejected_email">{{setting('rejected_email', 'takenplace')}}</textarea>
                        </div>
                    </div>
                </div>
            </div>
            @if(auth()->user()->is_super_admin OR (!auth()->user()->is_super_admin && !setting('multihub')))
                <div class="panel panel-default ">
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            Design Layouts
                        </h4>
                    </div>
                    <div class="panel-body form-horizontal form-bordered form-margins form-margins-sections">
                        <div class="row note note-default">
                            <div class="note-content">
                                <h4><b>Membership Module Designs & Layouts</b></h4>
                                <p>Turn on new designs for this module from the page listing to the booking page. View the screenshot preview of how it will generally look if you enable it.</p>
                                <p>To return to the default designs, turn off all switches below.</p>
                            </div>
                        </div>

                        <div class="form-group row m-b-15">
                            <label class="col-md-4 col-sm-4 col-form-label" for="fullname">takenplace Page - Design 2:
                                <i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="List Page Design 2"></i>
                            </label>
                            <div class="col-md-2 col-sm-2">
                                <div class="form-check checkbox-slider--b-flat" style="padding-top:0">
                                    <label>
                                        @php
                                            $regxxxqz = setting('m_design2', 'takenplace');
                                            $registerxxxqz = $regxxxqz ? 'checked="checked"' : '';
                                        @endphp
                                        <input class="checkBoxx list-design" type="checkbox" name="m_design2" data-module="takenplace" data-u="{{ route('admin.settings.update') }}" {{$registerxxxqz}}><span></span>
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-2 col-sm-2">
                                <button type="button" class="btn btn-inverse btn-sm" data-toggle="modal" data-target="#adesign2">Design 2: Preview Design</button>
                                <div id="adesign2" class="modal fade" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                    <div class="modal-dialog modal-lg">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <h5 class="modal-title" id="exampleModalLabel">takenplace Page - Design 2</h5>
                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                    <span aria-hidden="true">&times;</span>
                                                </button>
                                            </div>
                                            <div class="modal-body">
                                                <div class="row">
                                                    <div class="col-md-12">
                                                        <img src="{{asset('assets/core/images/platform/modules-designs-takenplace-list-2.png')}}" class="img-responsive img-flex" style="width:100%" />
                                                    </div>
                                                    <div class="col-md-12 bw-designviews-modal-desc">
                                                        <p>takenplace Page - Design 2 with Category Tabs and 2 column listing of booking plans.</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        {{--						<div class="form-group row m-b-15">
                                                    <label class="col-md-4 col-sm-4 col-form-label" for="fullname">takenplace Page - Design 3:
                                                        <i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="List Page Design 2"></i>
                                                    </label>
                                                    <div class="col-md-2 col-sm-2">
                                                        <div class="form-check checkbox-slider--b-flat" style="padding-top:0">
                                                            <label>
                                                                @php
                                                                    $regxxxqes = setting('m_design3', 'takenplace');
                                                                    $registerxxxqes = $regxxxqes ? 'checked="checked"' : '';
                                                                @endphp
                                                                <input class="checkBoxx list-design" type="checkbox" name="m_design3" data-u="update_setting" {{$registerxxxqes}}><span></span>
                                                            </label>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2 col-sm-2">
                                                        <button type="button" class="btn btn-inverse btn-sm" data-toggle="modal" data-target="#adesign3">Design 3: Preview Design</button>
                                                        <div id="adesign3" class="modal fade" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                                            <div class="modal-dialog modal-lg">
                                                                <div class="modal-content">
                                                                    <div class="modal-header">
                                                                        <h5 class="modal-title" id="exampleModalLabel">takenplace Page - Design 3</h5>
                                                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                                            <span aria-hidden="true">&times;</span>
                                                                        </button>
                                                                    </div>
                                                                    <div class="modal-body">
                                                                        <div class="row">
                                                                            <div class="col-md-12">
                                                                                <img src="{{asset('assets/core/images/platform/modules-designs-takenplace-list-3.png')}}" class="img-responsive img-flex" style="width:100%" />
                                                                            </div>
                                                                            <div class="col-md-12 bw-designviews-modal-desc">
                                                                                <p>takenplace Page - Design 3 with 3 columns across of booking plans, no categories.</p>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="modal-footer">
                                                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-group row m-b-15">
                                                    <label class="col-md-4 col-sm-4 col-form-label" for="fullname">takenplace Page - Design 4:
                                                        <i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="List Page Design 4"></i>
                                                    </label>
                                                    <div class="col-md-2 col-sm-2">
                                                        <div class="form-check checkbox-slider--b-flat" style="padding-top:0">
                                                            <label>
                                                                @php
                                                                    $regxxxqes4 = setting('m_design4', 'takenplace');
                                                                    $registerxxxqes4 = $regxxxqes4 ? 'checked="checked"' : '';
                                                                @endphp
                                                                <input class="checkBoxx list-design" type="checkbox" name="m_design4" data-u="update_setting" {{$registerxxxqes4}}><span></span>
                                                            </label>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2 col-sm-2">
                                                        <button type="button" class="btn btn-inverse btn-sm" data-toggle="modal" data-target="#adesign4">Design 4: Preview Design</button>
                                                        <div id="adesign4" class="modal fade" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                                            <div class="modal-dialog modal-lg">
                                                                <div class="modal-content">
                                                                    <div class="modal-header">
                                                                        <h5 class="modal-title" id="exampleModalLabel">takenplace Page - Design 4</h5>
                                                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                                            <span aria-hidden="true">&times;</span>
                                                                        </button>
                                                                    </div>
                                                                    <div class="modal-body">
                                                                        <div class="row">
                                                                            <div class="col-md-12">
                                                                                <img src="{{asset('assets/core/images/platform/modules-designs-takenplace-list-4.png')}}" class="img-responsive img-flex" style="width:100%" />
                                                                            </div>
                                                                            <div class="col-md-12 bw-designviews-modal-desc">
                                                                                <p>takenplace Page - Design 4 with 3 pricing & feature columns across of booking plans, no categories.</p>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="modal-footer">
                                                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-group row m-b-15">
                                                    <label class="col-md-4 col-sm-4 col-form-label" for="fullname">takenplace Page - Design 5:
                                                        <i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="List Page Design 5"></i>
                                                    </label>
                                                    <div class="col-md-2 col-sm-2">
                                                        <div class="form-check checkbox-slider--b-flat" style="padding-top:0">
                                                            <label>
                                                                @php
                                                                    $regxxxqes5 = setting('m_design5', 'takenplace');
                                                                    $registerxxxqes5 = $regxxxqes5 ? 'checked="checked"' : '';
                                                                @endphp
                                                                <input class="checkBoxx list-design" type="checkbox" name="m_design5" data-u="update_setting" {{$registerxxxqes5}}><span></span>
                                                            </label>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2 col-sm-2">
                                                        <button type="button" class="btn btn-inverse btn-sm" data-toggle="modal" data-target="#adesign5">Design 5: Preview Design</button>
                                                        <div id="adesign5" class="modal fade" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                                            <div class="modal-dialog modal-lg">
                                                                <div class="modal-content">
                                                                    <div class="modal-header">
                                                                        <h5 class="modal-title" id="exampleModalLabel">takenplace Page - Design 5</h5>
                                                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                                            <span aria-hidden="true">&times;</span>
                                                                        </button>
                                                                    </div>
                                                                    <div class="modal-body">
                                                                        <div class="row">
                                                                            <div class="col-md-12">
                                                                                <img src="{{asset('assets/core/images/platform/modules-designs-takenplace-list-5.png')}}" class="img-responsive img-flex" style="width:100%" />
                                                                            </div>
                                                                            <div class="col-md-12 bw-designviews-modal-desc">
                                                                                <p>takenplace Page - Design 5 with Category Tabs and a mixture of booking information plus features table.</p>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="modal-footer">
                                                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>--}}
                        <div class="row">
                            <h5 class="bw-designviews-h5title"><b>Membership Booking Layouts</b></h5>
                        </div>
                        <div class="form-group row m-b-15">
                            <label class="col-md-4 col-sm-4 col-form-label" for="fullname">Booking Page - Design 2:
                                <i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="Application Page Design 2"></i>
                            </label>
                            <div class="col-md-2 col-sm-2">
                                <div class="form-check checkbox-slider--b-flat" style="padding-top:0">
                                    <label>
                                        @php
                                            $regxxxq = setting('application_form_m_design2', 'takenplace');
                                            $registerxxxq = $regxxxq ? 'checked="checked"' : '';
                                        @endphp
                                        <input class="checkBoxx app-design" type="checkbox" name="application_form_m_design2" data-module="takenplace" data-u="{{ route('admin.settings.update') }}" {{$registerxxxq}}><span></span>
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-2 col-sm-2">
                                <button type="button" class="btn btn-inverse btn-sm" data-toggle="modal" data-target="#design2">Design 2: Preview Design</button>
                                <div id="design2" class="modal fade" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                    <div class="modal-dialog modal-lg">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <h5 class="modal-title" id="exampleModalLabel">Booking Page - Design 2</h5>
                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                    <span aria-hidden="true">&times;</span>
                                                </button>
                                            </div>
                                            <div class="modal-body">
                                                <div class="row">
                                                    <div class="col-md-12">
                                                        <img src="{{asset('assets/core/images/platform/modules-designs-takenplace-booking-2.png')}}" class="img-responsive img-flex" style="width:100%" />
                                                    </div>
                                                    <div class="col-md-12 bw-designviews-modal-desc">
                                                        <p>takenplace Page - Design 5 with progress bar.<br>Full Width page with step by step wizard questions & booking options.</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-group row m-b-15">
                            <label class="col-md-4 col-sm-4 col-form-label" for="fullname">Booking Page - Design 3:
                                <i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="Application Page Design 2"></i>
                            </label>
                            <div class="col-md-2 col-sm-2">
                                <div class="form-check checkbox-slider--b-flat" style="padding-top:0">
                                    <label>
                                        @php
                                            $regxxxqe = setting('application_form_m_design3', 'takenplace');
                                            $registerxxxqe = $regxxxqe ? 'checked="checked"' : '';
                                        @endphp
                                        <input class="checkBoxx app-design" type="checkbox" name="application_form_m_design3" data-module="takenplace" data-u="{{ route('admin.settings.update') }}" {{$registerxxxqe}}><span></span>
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-2 col-sm-2">
                                <button type="button" class="btn btn-inverse btn-sm" data-toggle="modal" data-target="#design3">Design 3: Preview Design</button>
                                <div id="design3" class="modal fade" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                    <div class="modal-dialog modal-lg">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <h5 class="modal-title" id="exampleModalLabel">Booking Page - Design 3</h5>
                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                    <span aria-hidden="true">&times;</span>
                                                </button>
                                            </div>
                                            <div class="modal-body">
                                                <div class="row">
                                                    <div class="col-md-12">
                                                        <img src="{{asset('assets/core/images/platform/modules-designs-takenplace-booking-3.png')}}" class="img-responsive img-flex" style="width:100%" />
                                                    </div>
                                                    <div class="col-md-12 bw-designviews-modal-desc">
                                                        <p>takenplace Page - Design 3 with Booking Plan details.<br>Sidebar booking with step by step wizard questions & booking options.</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        {{--						<div class="form-group row m-b-15">
                                                    <label class="col-md-4 col-sm-4 col-form-label" for="fullname">Booking Page - Design 4:
                                                        <i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="Application Page Design 4"></i>
                                                    </label>
                                                    <div class="col-md-2 col-sm-2">
                                                        <div class="form-check checkbox-slider--b-flat" style="padding-top:0">
                                                            <label>
                                                                @php
                                                                    $regxxxqe4 = setting('application_form_m_design4', 'takenplace');
                                                                    $registerxxxqe4 = $regxxxqe4 ? 'checked="checked"' : '';
                                                                @endphp
                                                                <input class="checkBoxx app-design" type="checkbox" name="application_form_m_design4" data-u="update_setting" {{$registerxxxqe4}}><span></span>
                                                            </label>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2 col-sm-2">
                                                        <button type="button" class="btn btn-inverse btn-sm" data-toggle="modal" data-target="#design4">Design 4: Preview Design</button>
                                                        <div id="design4" class="modal fade" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                                            <div class="modal-dialog modal-lg">
                                                                <div class="modal-content">
                                                                    <div class="modal-header">
                                                                        <h5 class="modal-title" id="exampleModalLabel">Booking Page - Design 4</h5>
                                                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                                            <span aria-hidden="true">&times;</span>
                                                                        </button>
                                                                    </div>
                                                                    <div class="modal-body">
                                                                        <div class="row">
                                                                            <div class="col-md-12">
                                                                                <img src="{{asset('assets/core/images/platform/modules-designs-takenplace-booking-4.png')}}" class="img-responsive img-flex" style="width:100%" />
                                                                            </div>
                                                                            <div class="col-md-12 bw-designviews-modal-desc">
                                                                                <p>takenplace Page - Design 4 with Booking Plan details.<br>Sidebar booking with all questions & booking options on page.</p>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="modal-footer">
                                                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-group row m-b-15">
                                                    <label class="col-md-4 col-sm-4 col-form-label" for="fullname">Booking Page - Design 5:
                                                        <i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="Application Page Design 5"></i>
                                                    </label>
                                                    <div class="col-md-2 col-sm-2">
                                                        <div class="form-check checkbox-slider--b-flat" style="padding-top:0">
                                                            <label>
                                                                @php
                                                                    $regxxxqe5 = setting('application_form_m_design5', 'takenplace');
                                                                    $registerxxxqe5 = $regxxxqe5 ? 'checked="checked"' : '';
                                                                @endphp
                                                                <input class="checkBoxx app-design" type="checkbox" name="application_form_m_design5" data-u="update_setting" {{$registerxxxqe5}}><span></span>
                                                            </label>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2 col-sm-2">
                                                        <button type="button" class="btn btn-inverse btn-sm" data-toggle="modal" data-target="#design5">Design 5: Preview Design</button>
                                                        <div id="design5" class="modal fade" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                                            <div class="modal-dialog modal-lg">
                                                                <div class="modal-content">
                                                                    <div class="modal-header">
                                                                        <h5 class="modal-title" id="exampleModalLabel">Booking Page - Design 5</h5>
                                                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                                            <span aria-hidden="true">&times;</span>
                                                                        </button>
                                                                    </div>
                                                                    <div class="modal-body">
                                                                        <div class="row">
                                                                            <div class="col-md-12">
                                                                                <img src="{{asset('assets/core/images/platform/modules-designs-takenplace-booking-5.png')}}" class="img-responsive img-flex" style="width:100%" />
                                                                            </div>
                                                                            <div class="col-md-12 bw-designviews-modal-desc">
                                                                                <p>takenplace Page - Design 5 with Booking Plan details.<br>Full Width page with all questions & booking options.</p>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="modal-footer">
                                                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>--}}
                    </div>
                </div>
            @endif
            @if(auth()->user()->is_super_admin)
                <div class="panel panel-default ">
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            Super Admin
                        </h4>
                    </div>
                    <div class="panel-body form-horizontal form-bordered form-margins form-margins-sections">
                        <div class="form-group row">
                            <label class="col-md-4 col-sm-4 col-form-label" for="fullname">takenplace Module Active:
                                <i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="takenplace Module Active"></i>
                            </label>
                            <div class="col-md-8 col-sm-8">
                                <div class="form-check checkbox-slider--b-flat" style="padding-top:0">
                                    <label>
                                        @php
                                            $module = \Nwidart\Modules\Facades\Module::find('takenplace');
                                            $takenplaceActive = $module->isEnabled() ? 'checked="checked"' : '';
                                        @endphp
                                        <input class="checkBoxModuleStatus" type="checkbox" name="takenplace" data-module="takenplace" data-u-enable="{{ route('admin.settings.enableModule') }}" data-u-disable="{{ route('admin.settings.disableModule') }}" {{ $takenplaceActive }}/><span></span>
                                </div>
                            </div>
                        </div>
                        {{--						@if(module_exists('credit_wallet'))
                                                    <div class="form-group row m-b-15">
                                                        <label class="col-md-4 col-sm-4 col-form-label" for="fullname">Enable Wallet Credits:
                                                            <i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="Enable Wallet Credits"></i>
                                                        </label>
                                                        <div class="col-md-8 col-sm-8">
                                                            <div class="form-check checkbox-slider--b-flat" style="padding-top:0">
                                                                <label>
                                                                    @php
                                                                    $regxxx = setting('credit', 'takenplace');
                                                                    $registerxxx = $regxxx ? 'checked="checked"' : '';
                                                                    @endphp
                                                                    <input class="checkBoxx" type="checkbox" name="takenplace_credit" data-u="update_setting" {{$registerxxx}}><span></span>
                                                                </label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    @php $displayxxx = ( setting('credit', 'takenplace') ) ? 'flex' : 'none'; @endphp
                                                    <div id="credits" class="form-group row m-b-15"  style="display:{{$displayxxx}}">
                                                        <label class="col-md-4 col-sm-4 col-form-label" for="forum_active">Use Credit Type:
                                                            <i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="Credit Type"></i>
                                                        </label>
                                                        <div class="col-md-5 col-sm-5">
                                                            @php $credits = new Credit(); @endphp
                                                            @if($credits->get()->exists())
                                                                <select id="credit_id" name="takenplace_credit_id" class="form-control">
                                                                    <option value="0">Any Available</option>
                                                                    @foreach($credits->get() as $credit)
                                                                        @php $curr = new Currency((int)$credit->currency_id); @endphp
                                                                        <option value="{{$credit->id}}" @if((int)setting('takenplace_credit_id') === $credit->id) selected @endif>{{ucwords($credit->name).' - ( 1 Credit = '.$curr->symbol.number_format($credit->price,2).' )'}}</option>
                                                                    @endforeach
                                                                </select>
                                                            @else
                                                                <a href="{{url('admin/credit_wallet/add_credit')}}" class="btn btn-sm btn-success"><i class="fa fa-plus"></i> Add New Credit</a>
                                                            @endif
                                                        </div>
                                                    </div>
                                                @endif--}}
                    </div>
                </div>
            @endif
        </form>
    </div>
    <script>
        $(document).ready(function (){

            $('.app-design').on('change',function(){
                if($(this).is(':checked')){
                    $('.app-design').not($(this)).prop('checked',false).trigger('change');
                }
            });

            $('.list-design').on('change',function(){
                if($(this).is(':checked')){
                    $('.list-design').not($(this)).prop('checked',false).trigger('change');
                }
            });

            handleXeditable();
            checkboxHandler();

            $('#currency').on('change', function(){
                $.ajax({
                    type: 'POST',
                    url: "{{ route('admin.settings.update') }}",
                    data: {
                        module: 'takenplace',
                        name: 'default_currency_id',
                        value: $('#currency :selected').val(),
                    },
                });
            });
            $('#company').on('change', function(){
                $.ajax({
                    type: 'POST',
                    url: "{{ route('admin.settings.update') }}",
                    data: {
                        module: 'takenplace',
                        name: 'default_company_id',
                        value: $('#company :selected').val(),
                    },
                });
            });

            loadScript('assets/core/plugins/tinymceElfinder/tinymceElfinder.js');
            loadScript('assets/core/plugins/tinymce_5.7/js/tinymce/jquery.tinymce.min.js');
            loadScript('assets/core/plugins/tinymce_5.7/js/tinymce/tinymce.min.js?apiKey=27xhkb8mfltvjs62yqkw8kh3tynd73sdf3wi7va8qdr7221f', function(e){
                let tinyUrl = site_root.replace(/^(?:https?:\/\/)?(?:www\.)?/i, "").split('/')[0];
                // make elf instance
                const mceElf = new tinymceElfinder({
                    // connector URL
                    url: site_root + 'admin/files/connector',
                    uploadTargetHash: 'l1_Lw',
                    nodeId: 'elfinder'
                });
                // Init TinyMCE
                let approvals = $('.tiny-mce-a').tinymce({
                    plugins: 'advlist,anchor,autolink,autoresize,autosave,charmap,directionality,emoticons,fullscreen,hr,image,imagetools,importcss,insertdatetime,legacyoutput,code,table,paste,link,lists,media,nonbreaking,noneditable,pagebreak,quickbars,save,searchreplace,tabfocus,textpattern,wordcount,visualblocks,visualchars',
                    skin: 'oxide-dark',
                    content_css: 'default',
                    max_height: 600,
                    max_width: 500,
                    min_height: 400,
                    min_width: 400,
                    menubar: 'edit insert view format table tools',
                    toolbar: 'undo redo styleselect bold italic alignleft aligncenter alignright bullist numlist outdent indent code',
                    font_formats: 'Arial=arial,helvetica,sans-serif;Open Sans=sans-serif;',
                    importcss_append: true,
                    branding: false,
                    relative_urls: false,
                    remove_script_host: false,
                    file_picker_callback : mceElf.browser,
                    autosave_ask_before_unload: false, // Disables leave page alert
                    //images_upload_handler: mceElf.uploadHandler, // File Manager Local Upload
                    //images_upload_url: site_root + 'admin/ajax/tinymce_upload',
                    images_upload_handler: tinymce_image_upload_handler,
                    //imagetools_cors_hosts: [tinyUrl],
                    setup: function(editor) {
                        editor.on('NodeChange', function(e) {
                            // if autosave plugin is enabled, changed content has been already applied to element value
                            let value = approvals.val();
                            let name = approvals.attr('data-name');
                            $.ajax({
                                type: 'POST',
                                url: site_root + 'admin/ajax/update_setting',
                                data: {name: name, value: value},
                            });
                        });
                    },
                    urlconverter_callback: function(url, node, on_save, name) {

                        let checkURL;
                        let urlPrefix;
                        // Get the first 7 characters of the string
                        checkURL = url.substring(0, 7);
                        // Determine if those characters are coming from the image uploader
                        if(checkURL === "/system") {
                            // prefix the incoming URL with url()
                            urlPrefix = site_root;
                            url = urlPrefix.concat(url);
                        }else{

                            if (!/^https?:\/\//i.test(url)) {
                                url = 'https://' + url;
                            }
                        }
                        // Return URL
                        return url;
                    },
                });
                let rejections = $('.tiny-mce-r').tinymce({
                    plugins: 'advlist,anchor,autolink,autoresize,autosave,charmap,directionality,emoticons,fullscreen,hr,codesample,image,imagetools,importcss,insertdatetime,legacyoutput,code,table,paste,link,lists,media,nonbreaking,noneditable,pagebreak,preview,print,quickbars,save,searchreplace,spellchecker,tabfocus,textpattern,toc,wordcount,visualblocks,visualchars',
                    skin: 'oxide-dark',
                    content_css: 'default',
                    max_height: 500,
                    max_width: 500,
                    min_height: 300,
                    min_width: 400,
                    menubar: 'edit insert view format table tools',
                    toolbar: 'undo redo styleselect bold italic alignleft aligncenter alignright bullist numlist outdent indent code',
                    font_formats: 'Arial=arial,helvetica,sans-serif;Open Sans=sans-serif;',
                    branding: false,
                    relative_urls: false,
                    remove_script_host: false,
                    file_picker_callback : mceElf.browser,
                    autosave_ask_before_unload: false, // Disables leave page alert
                    //images_upload_handler: mceElf.uploadHandler, // File Manager Local Upload
                    //images_upload_url: site_root + 'admin/ajax/tinymce_upload',
                    images_upload_handler: tinymce_image_upload_handler,
                    //imagetools_cors_hosts: [tinyUrl],
                    setup: function(editor) {
                        editor.on('NodeChange', function(e) {
                            // if autosave plugin is enabled, changed content has been already applied to element value
                            let value = rejections.val();
                            let name = rejections.attr('data-name');
                            $.ajax({
                                type: 'POST',
                                url: site_root + 'admin/ajax/update_setting',
                                data: {name: name, value: value},
                            });
                        });
                    },
                    urlconverter_callback: function(url, node, on_save, name) {

                        let checkURL;
                        let urlPrefix;
                        // Get the first 7 characters of the string
                        checkURL = url.substring(0, 7);
                        // Determine if those characters are coming from the image uploader
                        if(checkURL === "/system") {
                            // prefix the incoming URL with url()
                            urlPrefix = site_root;
                            url = urlPrefix.concat(url);
                        }else{

                            if (!/^https?:\/\//i.test(url)) {
                                url = 'https://' + url;
                            }
                        }
                        // Return URL
                        return url;
                    },
                });
            });

            $('input[name=takenplace_guest_registration_mandatory]').on('click', function(){
                if ($(this).is(':checked')) {
                    $('#auto-login').slideDown();
                }else{
                    $('#auto-login').slideUp();
                }
            });
            $('#credit_id').on('change', function(){
                $.ajax({
                    type: 'POST',
                    url: "{{ route('admin.settings.update') }}",
                    data: {
                        module: 'takenplace',
                        name: 'credit_id',
                        value: $('#credit_id :selected').val(),
                    },
                });
            });
            $('input[name=takenplace_credit]').on('click', function(){
                var status = $(this).is(':checked') ? 'enabled' : 'disabled';
                $.ajax({
                    type: 'POST',
                    url: site_root + 'admin/ajax/toggle_credit_wallet',
                    data: {module: 'takenplace', status: status},
                });
                if ($(this).is(':checked')) {
                    $('#credits').slideDown();
                }else{
                    $('#credits').slideUp();
                }
                setTimeout(function(){
                    location.reload();
                },500);
            });
        });
    </script>
    <!-- end panel -->
    @push('custom-js')
    @endpush
@endsection