@extends('layouts.admin')

@section('content')
    @php
        $ipCount = 0;
        $sectorCount = 0;
    @endphp
    <div class="row">
        <ol class="breadcrumb">
            <li><a href="{{ route('admin.dashboard') }}"><i class="fa fa-dashboard"></i> Dashboard</a></li>
            <li><a href="{{ route('admin.setting.create') }}">Setting</a></li>
        </ol>
    </div>

    @if(count($errors))
        <div class="form-group">
            <div class="alert alert-danger">
                <ul>
                    @foreach($errors->all() as $error)
                        <li>{{$error}}</li>
                    @endforeach
                </ul>
            </div>
        </div>
    @endif

    <div>
        @if(session('success'))
            <div class="alert alert-success alert-dismissable">
                <button class="close" data-dismiss="alert"><i class="pci-cross pci-circle"></i></button>
                <strong>Success !</strong>
                {{ Session::get('success') }}
            </div>
        @elseif(session('failure'))
            <div class="alert alert-danger alert-dismissable">
                <button class="close" data-dismiss="alert"><i class="pci-cross pci-circle"></i></button>
                <strong>Failed !</strong> {{ Session::get('failure') }}
            </div>
        @endif
    </div>

    <div class="row">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title"> Setting Management
                    <span class="pull-right"><strong class="text-danger">*</strong> Required Fields</span>
                </h3>
            </div>

            <div class="panel-body">

                <div class="hpanel">
                    <ul class="nav nav-tabs" id="myTab">
                        @if(\App\Extras\Permission::check('view-admin-access-control'))
                            <li><a data-toggle="tab" href="#tab-1">Admin Access Control </a></li>
                        @endif
                        @if(\App\Extras\Permission::check('view-application-attributes'))
                            <li><a data-toggle="tab" href="#tab-2">Application Attributes </a></li>
                        @endif
                        @if(\App\Extras\Permission::check('view-merchants-attributes'))
                            <li><a data-toggle="tab" href="#tab-3">Merchants Attributes </a></li>
                        @endif
                        @if(\App\Extras\Permission::check('view-email/otp-attributes'))
                            <li><a data-toggle="tab" href="#tab-4">Email/OTP Attributes </a></li>
                        @endif
                        @if(\App\Extras\Permission::check('view-sector-configuration'))
                            <li><a data-toggle="tab" href="#tab-6">Sector Configuration </a></li>
                        @endif
                        @if(\App\Extras\Permission::check('view-force-maintenance'))
                            <li><a data-toggle="tab" href="#tab-5">Force Maintenance </a></li>
                        @endif
                        @if(\App\Extras\Permission::check('view-contact-info'))
                            <li><a data-toggle="tab" href="#tab-7">Contact Info </a></li>
                        @endif
                    </ul>

                    <div class="tab-content">
                        @if(\App\Extras\Permission::check('view-admin-access-control'))
                            <div id="tab-1" class="tab-pane">
                                <form action="{{ route('admin.setting.store') }}" id="setting-form-admin-access" method="POST" class="panel-body form-horizontal form-padding" enctype="multipart/form-data">
                                    <input type="hidden" name="tab" value="tab-1">
                                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                        @csrf
                                        <a href="{{ route('admin.setting.export', ['tab' => 'tab-1']) }}" class="btn btn-primary pull-right">EXPORT</a>
                                        <div class="form-group">
                                            <label class="col-md-2 control-label" style="text-align: left;">Admin IP Block<span class="text-danger">*</span></label>
                                            <div class="col-md-8">
                                                <input id="on" class="form-control i-checks" type="radio" name="enable_ip_block" value=1 checked>
                                                <label for="on" style="color:#000000; margin-right: 8px;margin-left:4px;">On</label>
                                                <input @if ($setting->enable_ip_block == 0) checked @endif id="off" class="i-checks form-control" type="radio" name="enable_ip_block" value=0 />
                                                <label for="off" style="color:#000000; margin-left: 5px;">Off</label>
                                                <small class="help-block text-danger">{{$errors->first('enable_ip_block')}}</small>
                                            </div>
                                        </div>
                                        <table class="table table-bordered" style="width: 550px;">
                                            <thead>
                                                <tr>
                                                    <th>Name</th>
                                                    <th>IP</th>
                                                    <th>Operation</th>
                                                </tr>
                                            </thead>
                                            <tbody class="ip-blocks">
                                                @php
                                                    $ipNames = json_decode($setting->ip_name ?? '[]', true);
                                                    $ipAddresses = json_decode($setting->ip_address ?? '[]', true);
                                                @endphp
                                                @foreach($ipNames as $key => $ipName)
                                                    @php $ipCount++; @endphp
                                                    <tr>
                                                        <td>
                                                            <div>
                                                                <input type="text" name="ip_name[]" class="form-control" required value="{{$ipName}}">
                                                                <span class="text-danger">{{ $errors->first('name') }}</span>
                                                            </div>
                                                        </td>
                                                        <td>
                                                           <div>
                                                               <input type="text" name="ip_address[]" class="form-control" required value="{{$ipAddresses[$key] ?? ''}}">
                                                               <span class="text-danger">{{ $errors->first('ip_address') }}</span>
                                                           </div>
                                                        </td>
                                                        <td>
                                                            <a class="btn btn-danger delete-ip-block" id="delete-ip-block-{{$key}}" data-id="{{$key}}" title="Delete">
                                                                <i class="fa fa-trash"></i>
                                                            </a>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                                @php $ipCount++; @endphp
                                                <tr>
                                                    <td>
                                                        <div>
                                                            <input type="text" name="ip_name[]" class="form-control" placeholder="Eg: Office Computer">
                                                        </div>
                                                    </td>
                                                    <td>
                                                       <div>
                                                           <input type="text" name="ip_address[]" class="form-control" placeholder="Eg: 10.10.10.10">
                                                       </div>
                                                    </td>
                                                    <td>
                                                        @if(\App\Extras\Permission::check('add-admin-access-control'))
                                                            <a class="btn btn-success add-ip" data-id="{{$ipCount}}">
                                                                <i class="fa fa-plus"></i>
                                                            </a>
                                                            <a class="btn btn-danger remove-ip-block" id="remove-ip-block-{{$ipCount}}" data-id="{{$ipCount}}" title="Delete" style="display: none;">
                                                                <i class="fa fa-trash"></i>
                                                            </a>
                                                        @endif
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                        <div class="form-group"  style="width: 550px;">
                                            @if(\App\Extras\Permission::check('update-admin-access-control'))
                                                <div class="col-md-3">
                                                    <button  class="btn btn-block btn-success" id="submit-setting-admin-access">UPDATE</button>
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                </form>
                            </div>
                        @endif

                        @if(\App\Extras\Permission::check('view-application-attributes'))
                            <div id="tab-2" class="tab-pane">
                                <form action="{{ route('admin.setting.store') }}" id="setting-form-application-attributes" method="POST" class="panel-body form-horizontal form-padding" enctype="multipart/form-data">
                                    <input type="hidden" name="tab" value="tab-2">
                                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                        @csrf
                                        <div class="form-group">
                                            <label class="col-md-2 control-label" for="black_list_file_path"> Blacklist file path <span class="text-danger">*</span></label>
                                            <div class="col-md-8">
                                                <input type="text" class="form-control" name="black_list_file_path" value="{{ $setting->black_list_file_path }}" placeholder="/var/www/html/blacklist.txt" required>
                                                <small class="help-block text-danger">{{ $errors->first('black_list_file_path')}}</small>
                                                <small>
                                                    Note: file format for V1: V1_BlackListApiData_dd_mm_yyyy.txt, for V2: V2_BlackListApiData_dd_mm_yyyy.txt
                                                </small>
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-md-2 control-label" for="cron_ip"> Cron Job IP <span class="text-danger">*</span></label>
                                            <div class="col-md-8">
                                                <input type="text" class="form-control" name="cron_ip" value="{{ $setting->cron_ip }}" placeholder="192.168.0.1" required>
                                                <small class="help-block text-danger">{{ $errors->first('cron_ip')}}</small>
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-md-2 control-label" for="search_pagination"> Search Items Per Page <span class="text-danger">*</span></label>
                                            <div class="col-md-8">
                                                <input type="text" class="form-control" name="search_pagination" value="{{ $setting->search_pagination }}" placeholder="192.168.0.1" required>
                                                <small class="help-block text-danger">{{ $errors->first('search_pagination')}}</small>
                                            </div>
                                        </div>
                                        @if(\App\Extras\Permission::check('update-application-attributes'))
                                            <div class="form-group">
                                                <label class="col-md-2 control-label"></label>
                                                <div class="col-md-5">
                                                    <button  class="btn btn-block btn-success" id="submit-setting-application-attributes">UPDATE</button>
                                                </div>
                                            </div>
                                        @endif
                                    </div>
                                </form>
                            </div>
                        @endif

                        @if(\App\Extras\Permission::check('view-merchants-attributes'))
                            <div id="tab-3" class="tab-pane">
                                <form action="{{ route('admin.setting.store') }}" id="setting-form-merchants-attributes" method="POST" class="panel-body form-horizontal form-padding" enctype="multipart/form-data">
                                    <input type="hidden" name="tab" value="tab-3">
                                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                        @csrf
                                        <div class="form-group">
                                            <label class="col-md-2 control-label" for="cron_ip"> 
                                               Merchant’s User Limit <span class="text-danger">*</span>
                                            </label>
                                            <div class="col-md-8">
                                                <input type="number" class="form-control" name="merchant_users" value="{{ $setting->merchant_users }}" required>
                                                <small class="help-block text-danger">{{ $errors->first('merchant_users')}}</small>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-md-2 control-label" for="image_size"> Logo Size (in KB) <span class="text-danger">*</span></label>
                                            <div class="col-md-6">
                                                <input type="number" id="image_size" name="image_size" class="form-control" value="{{$setting->image_size }}" style="width: 200px">
                                                <small class="help-block text-danger">{{$errors->first('image_size')}}</small>
                                            </div>
                                        </div>
                                        @if(\App\Extras\Permission::check('update-merchants-attributes'))
                                            <div class="form-group">
                                                <label class="col-md-2 control-label"></label>
                                                <div class="col-md-5">
                                                    <button  class="btn btn-block btn-success" id="submit-setting-merchants-attributes">UPDATE</button>
                                                </div>
                                            </div>
                                        @endif
                                    </div>
                                </form>
                            </div>
                        @endif

                        @if(\App\Extras\Permission::check('view-email/otp-attributes'))
                            <div id="tab-4" class="tab-pane">
                                <form action="{{ route('admin.setting.store') }}" id="setting-form-email-otp-attributes" method="POST" class="panel-body form-horizontal form-padding" enctype="multipart/form-data">
                                    <input type="hidden" name="tab" value="tab-4">
                                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                        @csrf
                                        <div class="form-group">
                                            <label class="col-md-2 control-label" for="cron_ip"> 
                                                Reset Password Expiry Time (In Seconds) <span class="text-danger">*</span>
                                            </label>
                                            <div class="col-md-8">
                                                <input type="number" class="form-control" name="reset_link_expiry" value="{{ $setting->reset_link_expiry }}" required>
                                                <small class="help-block text-danger">{{ $errors->first('reset_link_expiry')}}</small>
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-md-2 control-label" for="cron_ip"> 
                                                User Login Attempt <span class="text-danger">*</span>
                                            </label>
                                            <div class="col-md-8">
                                                <input type="number" class="form-control" name="user_login_attempt" value="{{ $setting->user_login_attempt }}" required>
                                                <small class="help-block text-danger">{{ $errors->first('user_login_attempt')}}</small>
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-md-2 control-label" for="cron_ip"> 
                                                OTP Expiry Time (In Seconds) <span class="text-danger">*</span>
                                            </label>
                                            <div class="col-md-8">
                                                <input type="number" class="form-control" name="otp_expiry" value="{{ $setting->otp_expiry }}" required>
                                                <small class="help-block text-danger">{{ $errors->first('otp_expiry')}}</small>
                                            </div>
                                        </div>
                                        @if(\App\Extras\Permission::check('update-email/otp-attributes'))
                                            <div class="form-group">
                                                <label class="col-md-2 control-label"></label>
                                                <div class="col-md-5">
                                                    <button  class="btn btn-block btn-success" id="submit-setting-email-otp-attributes">UPDATE</button>
                                                </div>
                                            </div>
                                        @endif
                                    </div>
                                </form>
                            </div>
                        @endif

                        @if(\App\Extras\Permission::check('view-force-maintenance'))
                            <div id="tab-5" class="tab-pane">
                                <form action="{{ route('admin.setting.store') }}" id="setting-form-force-maintenance" method="POST" class="panel-body form-horizontal form-padding" enctype="multipart/form-data">
                                    <input type="hidden" name="tab" value="tab-5">
                                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                        @csrf

                                        <div class="form-group">
                                            <label class="col-md-2 control-label" for="demo-contact-input">Force Maintenance</label>
                                            <div class="col-md-8">
                                                <div class="checkbox">
                                                    <input id="force_maintenance" class="i-checks" type="radio" name="force_maintenance" value=1 {{ ($setting->force_maintenance == 1) ? "checked" : ''}}>
                                                    <label for="force_maintenance" class="text-left">Enable</label>
                                                    <span style="margin-left: 10px;"></span>
                                                    <input id="force_maintenance_2" class="i-checks" type="radio" name="force_maintenance" value=0 {{ ($setting->force_maintenance == 0) ? "checked" : ''}}>
                                                    <label for="force_maintenance_2">Disable</label>
                                                    <small class="help-block text-danger">{{$errors->first('force_maintenance')}}</small>
                                                </div>
                                            </div>
                                        </div>
                                         <div class="form-group maintenance">
                                            <label class="col-md-2 control-label" for="not_msg" style="text-align: center;">Message<span class="text-danger">*</span></label>
                                            <div class="col-md-8">
                                                <textarea name="maintenance_message" class="form-control" id="not_msg" style="height: 110px;">{{old('maintenance_message', $setting->maintenance_message)}}</textarea>
                                                <small class="help-block text-danger">{{$errors->first('maintenance_message')}}</small>
                                            </div>
                                        </div>
                                        @if(\App\Extras\Permission::check('update-force-maintenance'))
                                            <div class="form-group">
                                                <label class="col-md-2 control-label"></label>
                                                <div class="col-md-3">
                                                    <button  class="btn btn-block btn-success" id="submit-setting-force-maintenance">UPDATE</button>
                                                </div>
                                            </div>
                                        @endif
                                    </div>
                                </form>
                            </div>
                        @endif

                        @if(\App\Extras\Permission::check('view-sector-configuration'))
                            <div id="tab-6" class="tab-pane">
                                <form action="{{ route('admin.sector.store') }}" id="sector-store" method="POST" class="panel-body form-horizontal form-padding" enctype="multipart/form-data">
                                    <input type="hidden" name="tab" value="tab-6">
                                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                        @csrf
                                        <div class="error-message-jsx" style="display: none;margin-bottom: 10px;">
                                            <div class="alert alert-danger alert-dismissable">
                                                <button class="close" data-dismiss="alert"><i class="pci-cross pci-circle"></i></button>
                                                <strong>Remove sector with similar name or symbol</strong>
                                            </div>
                                        </div>
                                        <a href="{{ route('admin.sector.export') }}" class="btn btn-primary pull-right" style="margin-bottom: 10px;">EXPORT</a>
                                        <table class="table table-bordered" style="width: 550px">
                                            <thead>
                                                <tr>
                                                    <th>Sector</th>
                                                    <th>Symbol</th>
                                                    <th>Operation</th>
                                                </tr>
                                            </thead>
                                            <tbody class="sector-blocks">
                                                @foreach($sectors as $key => $sector)
                                                    @php $sectorCount++ @endphp
                                                    <tr>
                                                        <td>
                                                            <div>
                                                                <input type="text" name="sector_name[]" class="form-control" required value="{{$sector->name}}">
                                                                <span class="text-danger">{{ $errors->first('name') }}</span>
                                                            </div>
                                                        </td>
                                                        <td>
                                                           <div>
                                                               <input type="text" name="sector_symbol[]" class="form-control" required value="{{$sector->symbol}}">
                                                               <span class="text-danger">{{ $errors->first('ip_address') }}</span>
                                                           </div>
                                                        </td>
                                                        <td>
                                                            <a class="btn btn-danger delete-sector-block" id="delete-sector-block-{{$sector->id}}" data-id="{{$sector->id}}" title="Delete">
                                                                <i class="fa fa-trash"></i>
                                                            </a>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                                @php $sectorCount++; @endphp
                                                <tr>
                                                    <td>
                                                        <div>
                                                            <input type="text" name="sector_name[]" class="form-control" placeholder="Convential Banking">
                                                        </div>
                                                    </td>
                                                    <td>
                                                       <div>
                                                           <input type="text" name="sector_symbol[]" class="form-control" placeholder="B">
                                                       </div>
                                                    </td>
                                                    <td>
                                                        @if(\App\Extras\Permission::check('add-sector-configuration'))
                                                            <a class="btn btn-success add-sector" data-id="{{$sectorCount}}">
                                                                <i class="fa fa-plus"></i>
                                                            </a>
                                                            <a class="btn btn-danger remove-sector-block" id="remove-sector-block-{{$sectorCount}}" data-id="{{$sectorCount}}" title="Delete" style="display: none;">
                                                                <i class="fa fa-trash"></i>
                                                            </a>
                                                        @endif
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                        <div class="form-group"  style="width: 550px;">
                                            @if(\App\Extras\Permission::check('update-sector-configuration'))
                                                <div class="col-md-3">
                                                    <button class="btn btn-success btn-block"id="update-sector" >UPDATE</button>
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                </form>
                            </div>
                        @endif

                        @if(\App\Extras\Permission::check('view-contact-info'))
                            <div id="tab-7" class="tab-pane">
                                <form action="{{ route('admin.setting.store') }}" id="setting-form-contact-info" method="POST" class="panel-body form-horizontal form-padding" enctype="multipart/form-data">
                                    <input type="hidden" name="tab" value="tab-7">
                                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                        @csrf

                                        <div class="form-group">
                                            <label class="col-md-2 control-label" for="name">System Name <span class="text-danger">*</span></label>
                                            <div class="col-md-8">
                                                <input type="text" class="form-control" name="name" value="{{ $setting->name }}" placeholder="Eg: CIB" required>
                                                <small class="help-block text-danger">{{ $errors->first('name')}}</small>
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-md-2 control-label" for="email"> Email <span class="text-danger">*</span></label>
                                            <div class="col-md-8">
                                                <input type="email" class="form-control" name="email" value="{{ $setting->email }}" placeholder="Eg: hello@hello.com" required>
                                                <small class="help-block text-danger">{{ $errors->first('email')}}</small>
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-md-2 control-label" for="contact_1"> Contact 1 </label>
                                            <div class="col-md-8">
                                                <input type="number" class="form-control" name="contact_1" value="{{ $setting->contact_1 }}" placeholder="Eg: **********">
                                                <small class="help-block text-danger">{{ $errors->first('contact_1')}}</small>
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-md-2 control-label" for="contact_2"> Contact 2 </label>
                                            <div class="col-md-8">
                                                <input type="number" class="form-control" name="contact_2" value="{{ $setting->contact_2 }}" placeholder="Eg: **********">
                                                <small class="help-block text-danger">{{ $errors->first('contact_2')}}</small>
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-md-2 control-label" for="address"> Address <span class="text-danger">*</span></label>
                                            <div class="col-md-8">
                                                <input type="text" class="form-control" name="address" value="{{ $setting->address }}" placeholder="Eg: Kathmandu" required>
                                                <small class="help-block text-danger">{{ $errors->first('address')}}</small>
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-md-2 control-label" for="logo"> Logo <span
                                                        class="text-danger">*</span></label>
                                            <div class="col-md-6">
                                                <input type="file" id="logo" name="logo" class="form-control"
                                                       value="{{ old('logo'), $setting->logo }}" placeholder="" type="file" onchange="loadFile(event)" style="width: 200px">
                                                <div class="imageholder">
                                                    @if( isset($setting->logo) && $setting->logo == !null)
                                                        <img src="{{ asset('uploads/settings/'.$setting->logo) }}" height="25px" alt="" style="margin-left: 5px"/>
                                                    @else
                                                        <img src="" height="25px" style="margin-left: 5px"/>
                                                    @endif
                                                </div>
                                                <small class="help-block text-danger">{{$errors->first('logo')}}</small>
                                            </div>
                                        </div>
                                        @if(\App\Extras\Permission::check('update-contact-info'))
                                            <div class="form-group">
                                                <label class="col-md-2 control-label"></label>
                                                <div class="col-md-5">
                                                    <button  class="btn btn-block btn-success" id="submit-setting-contact-info">UPDATE</button>
                                                </div>
                                            </div>
                                        @endif
                                    </div>
                                </form>
                            </div>
                        @endif

                    </div>

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

    {{-- <div class="modal" id="maintenance_modal" tabindex="-1" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <p>Warning! if 'Force Maintenance?' is enabled, PORTAL and API access will be disabled with 'Site Under Maintenence'.</p>
            </div>
        </div>
    </div> --}}

    <div class="modal" id="setting-modal" tabindex="-1" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body">
                    <strong class="center" style="display: block;text-align: -webkit-center;"></strong>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Cancel</button>
                    <button type="button" class="btn btn-danger" id="modal-submit">Yes</button>
                </div>
            </div>
        </div>
    </div>
    <div class="modal" id="delete-modal" tabindex="-1" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body">
                    <strong style="display: block;text-align: -webkit-center;">
                        Are you sure you want to delete ?
                    </strong>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Cancel</button>
                    <button type="button" class="btn btn-danger" id="delete-modal-submit">Yes</button>
                </div>
            </div>
        </div>
    </div>
    <div class="modal" id="delete-sector-modal" tabindex="-1" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body">
                    <strong style="display: block;text-align: -webkit-center;">
                        Are you sure you want to delete ?
                    </strong>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Cancel</button>
                    <button type="button" class="btn btn-danger" id="delete-sector-modal-submit">Yes</button>
                </div>
            </div>
        </div>
    </div>
    <input type="hidden" id="current-form">
    <input type="hidden" id="delete-id">
@endsection

@section('ext_js')
<script src="{{ asset('vendor/jquery-validation/jquery.validate.min.js') }}"></script>

    <script>
        let ipcount = '{{$ipCount}}';
        let sectorcount = '{{$sectorCount}}';
        // toggle radio button
        $(document).ready(function(){
            $("input[name=status_type]").on("ifClicked", function(){
                var radioValue = $(this).val();
                    if(radioValue == 0){
                        $('.notification').hide();
                    }else{
                        $('.notification').show();
                    }
                });
        });
        // Active tab

        $('#myTab a').click(function(e) {
            e.preventDefault();
            $("html, body").animate({ scrollTop: 0 }, "slow");
            $(this).tab('show');
        });

        // store the currently selected tab in the hash value
        $("ul.nav-tabs > li > a").on("shown.bs.tab", function(e) {
            var id = $(e.target).attr("href").substr(1);
            window.location.hash = id;
        });

        $('ul.nav-tabs > li:first').addClass('active');

        $('.tab-content > div:first').addClass('active');

        // on load of the page: switch to the currently selected tab
        var hash = window.location.hash;
        $('#myTab a[href="' + hash + '"]').tab('show');

        // Billing Periods Management

        $(document).on('click', '.delete', function () {
            var actionUrl = $(this).attr('data-url');

            $('#delete-form').attr('action', actionUrl);

            $('#modal-submit').click(function (e) {
                $(this).attr('disabled', true);
                $(this).html('<i class="fa fa-spinner fa-spin" style=""></i> Please Wait...');
                $('#delete-form').submit();
            })
        });

        // Generate Bill Section

        var i = 0;

        $(".add-record").click(function () {

            $("#dynamicTable").append('<tr><td><input type="number" name="min_hit[]" placeholder="Enter minimum hit number" class="form-control min_hit" required /></td><td><input type="number" name="max_hit[]" placeholder="Enter maximum hit number" class="form-control max_hit" required /></td><td><input type="number" name="rate[]" id="rate" placeholder="Rate" class="form-control" required /></td><td><a type="button" class="text-danger remove-tr"><i class="glyphicon glyphicon-trash" title="delete"></i></a></td></tr>');
        });

        $(document).on('click', '.remove-tr', function () {
            $(this).parents('tr').remove();
            confirm("Please, update the discount table to set the new discount rule!");
        });


        $('#discountForm').on('keyup', '.min_hit', function () {
            $(this).parent().next().children().attr('min', parseInt($(this).val()) + 1)
        });

        $(document).ready(function () {

            $("input[name='price_type']").on("ifClicked", function () {

                var radioValue = $(this).val();

                if (radioValue == "flat") {
                    $(".flat_table").show();
                    $(".perhit_table").hide();
                    $(".discount_panel").hide();
                } else {
                    $(".perhit_table").show();
                    $(".flat_table").hide();
                    $(".discount_panel").show();
                }

            });
        });

        // System Setting Section

        function loadFile(event) {
            var output = $(event.target).siblings('div.imageholder').children()[0]
            output.src = URL.createObjectURL(event.target.files[0]);
        };


        // Force Maintenance Section

        $(document).ready(function(){

            $("input[name='force_maintenance']").on("ifClicked", function() {

                var radioValue = $(this).val();

                if (radioValue == 0){
                    $('.maintenance').hide();
                }else{
                    $('.maintenance').show();
                    confirm("Warning! if 'Force Maintenance?' is enabled, PORTAL and API access will be disabled with 'Site Under Maintenence'.");
                }

            });
        });

        // $(document).ready(function(){

        //     $("input[name='force_maintenance']").on("ifClicked", function() {

        //         var radioValue = $(this).val();

        //         if (radioValue == 1){
        //             confirm("Warning! if 'Force Maintenance?' is enabled, PORTAL and API access will be disabled with 'Site Under Maintenence'.");
        //         }

        //     });
        // });

        $(document).on('click','.add-ip', function(e) {
            e.preventDefault();
            $(this).hide()
            $('#remove-ip-block-'+$(this).data('id')).show()
            ipcount++

            $('.ip-blocks').append(`
                <tr>
                    <td>
                        <div>
                            <input type="text" name="ip_name[]" class="form-control" required placeholder="Eg: Office Computer">
                        </div>
                    </td>
                    <td>
                       <div>
                           <input type="text" name="ip_address[]" class="form-control" required placeholder="Eg: 10.10.10.10">
                       </div>
                    </td>
                    <td>
                        <a class="btn btn-success add-ip" data-id="${ipcount}">
                            <i class="fa fa-plus"></i>
                        </a>
                        <a class="btn btn-danger remove-ip-block" id="remove-ip-block-${ipcount}" data-id="${ipcount}" title="Delete" style="display: none;">
                            <i class="fa fa-trash"></i>
                        </a>
                    </td>
                </tr>
            `);
        });

        $(document).on('click','.add-sector', function(e) {
            e.preventDefault();
            sectorcount++
            $(this).hide()
            $('#remove-sector-block-'+$(this).data('id')).show()
            $('.sector-blocks').append(`
                <tr>
                    <td>
                        <div>
                            <input type="text" name="sector_name[]" class="form-control" required placeholder="Convential Banking">
                        </div>
                    </td>
                    <td>
                       <div>
                           <input type="text" name="sector_symbol[]" class="form-control" required placeholder="B">
                       </div>
                    </td>
                    <td>
                        <a class="btn btn-success add-sector" data-id="${sectorcount}">
                            <i class="fa fa-plus"></i>
                        </a>
                        <a class="btn btn-danger remove-sector-block" id="remove-sector-block-${sectorcount}" data-id="${sectorcount}" title="Delete" style="display: none;">
                            <i class="fa fa-trash"></i>
                        </a>
                    </td>
                </tr>
            `);
        })

        $(document).on('click','.delete-ip-block', function(e) {
            e.preventDefault();
            const id = $(this).data('id');
            swal({
                    title: "Are you sure?",
                    text: "Record will be deleted !",
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonColor: "#DD6B55",
                    confirmButtonText: "Sure"
                },
                function () {
                    $('#delete-ip-block-'+id).parent().parent().remove();
                    $.ajax({
                        headers: {
                            'X-CSRF-Token': $('meta[name="csrf_token"]').attr('content')
                        },
                        type: 'post',
                        url: '{{route('admin.delete.ip')}}',
                        data: {id: id},
                        success: function (data) { }
                    });
                }
            );
            // $('#delete-modal').modal('show');
        });

        $(document).on('click','.remove-ip-block', function(e) {
            e.preventDefault();
            const id = $(this).data('id');
            $('#remove-ip-block-'+id).parent().parent().remove();
        });
        
        // $(document).on('click','#delete-modal-submit', function(e) {
        //     e.preventDefault();
        //     $('#delete-modal').modal('hide');
        //     $('#delete-ip-block-'+$('#delete-id').val()).parent().parent().remove();
        // });

        $(document).on('click','.delete-sector-block', function(e) {
            e.preventDefault();
            const id = $(this).data('id');
            swal({
                    title: "Are you sure?",
                    text: "Record will be deleted !",
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonColor: "#DD6B55",
                    confirmButtonText: "Sure"
                },
                function () {
                    $('#delete-sector-block-'+id).parent().parent().remove();
                    $.ajax({
                        headers: {
                            'X-CSRF-Token': $('meta[name="csrf_token"]').attr('content')
                        },
                        type: 'post',
                        url: '{{route('admin.delete.sector')}}',
                        data: {id: id},
                        success: function (data) { }
                    });
                }
            );
            // $('#delete-id').val($(this).data('id'));
            // $('#delete-sector-modal').modal('show');
        });
        // $(document).on('click','#delete-sector-modal-submit', function(e) {
        //     e.preventDefault();
        //     $('#delete-sector-modal').modal('hide');
        //     $('#delete-sector-block-'+$('#delete-id').val()).parent().parent().remove();
        // });

        $(document).on('click','.remove-sector-block', function(e) {
            e.preventDefault();
            const id = $(this).data('id');
            $('#remove-sector-block-'+id).parent().parent().remove();
        });

        $(document).on('click','#update-sector', function(e) {
            e.preventDefault();
            var sector_count = 0;
            var symbol_count = 0;
            var sector_name = $("input[name='sector_name[]']").map(function(){
                    if ($(this).val()) {
                        sector_count++;
                        return $(this).val();
                    }
                })
                .get();

            var sector_symbol = $("input[name='sector_symbol[]']").map(function(){
                    if ($(this).val()) {
                        symbol_count++;
                        return $(this).val();
                    }
                })
                .get();

            $.unique(sector_name);
            $.unique(sector_symbol);

            if (sector_count > sector_name.length || sector_symbol > sector_symbol.length) {
                $('.error-message-jsx').show();
                return false;
            }
            $('.error-message-jsx').hide();

            swal({
                    title: "Are you sure?",
                    text: "Changes will be made !",
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonColor: "#DD6B55",
                    confirmButtonText: "Sure"
                },
                function () {
                    $('#sector-store').submit();
                }
            );

            // $('#sector-store').submit();
            // $('.center').html('Are you sure you want to update sector configuration ?');
            // $('#current-form').val('sector-store');
            // $('#setting-modal').modal('show');
        });

        // $('#modal-submit').on('click', function(e) {
        //     e.preventDefault();
        //     $('#'+$('#current-form').val()).submit();
        // })
        
        $('#submit-setting-admin-access').on('click', function(e) {
            e.preventDefault();
            swal({
                    title: "Are you sure?",
                    text: "Changes will be made !",
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonColor: "#DD6B55",
                    confirmButtonText: "Sure"
                },
                function () {
                    $('#setting-form-admin-access').submit();
                }
            );
            // $('.center').html('Are you sure you want to update admin access control?');
            // $('#current-form').val('setting-form-admin-access');
            // $('#setting-modal').modal('show');
        })

        $('#submit-setting-application-attributes').on('click', function(e) {
            e.preventDefault();
            swal({
                    title: "Are you sure?",
                    text: "Changes will be made !",
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonColor: "#DD6B55",
                    confirmButtonText: "Sure"
                },
                function () {
                    $('#setting-form-application-attributes').submit();
                }
            );
            // $('.center').html('Are you sure you want to update application attributes?');
            // $('#current-form').val('setting-form-application-attributes');
            // $('#setting-modal').modal('show');
        })

        $('#submit-setting-merchants-attributes').on('click', function(e) {
            e.preventDefault();
            swal({
                    title: "Are you sure?",
                    text: "Changes will be made !",
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonColor: "#DD6B55",
                    confirmButtonText: "Sure"
                },
                function () {
                    $('#setting-form-merchants-attributes').submit();
                }
            );
            // $('.center').html('Are you sure you want to update merchant attributes?');
            // $('#current-form').val('setting-form-merchants-attributes');
            // $('#setting-modal').modal('show');
        })

        $('#submit-setting-email-otp-attributes').on('click', function(e) {
            e.preventDefault();
            swal({
                    title: "Are you sure?",
                    text: "Changes will be made !",
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonColor: "#DD6B55",
                    confirmButtonText: "Sure"
                },
                function () {
                    $('#setting-form-email-otp-attributes').submit();
                }
            );
            // $('.center').html('Are you sure you want to update email/otp attributes?');
            // $('#current-form').val('setting-form-email-otp-attributes');
            // $('#setting-modal').modal('show');
        })

        $('#submit-setting-force-maintenance').on('click', function(e) {
            e.preventDefault();
            swal({
                    title: "Are you sure?",
                    text: "Changes will be made !",
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonColor: "#DD6B55",
                    confirmButtonText: "Sure"
                },
                function () {
                    $('#setting-form-force-maintenance').submit();
                }
            );
            // $('.center').html('Are you sure you want to update force maintenance ?');
            // $('#current-form').val('setting-form-force-maintenance');
            // $('#setting-modal').modal('show');
        })

        $('#submit-setting-contact-info').on('click', function(e) {
            e.preventDefault();
            swal({
                    title: "Are you sure?",
                    text: "Changes will be made !",
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonColor: "#DD6B55",
                    confirmButtonText: "Sure"
                },
                function () {
                    $('#setting-form-contact-info').submit();
                }
            );
            // $('.center').html('Are you sure you want to update contact info ?');
            // $('#current-form').val('setting-form-contact-info');
            // $('#setting-modal').modal('show');
        })
    </script>
@endsection