@extends('base::layouts.default')

@section('header')
@include('base::layouts.headers.dashboard')
@endsection

<style>
    .form-group {
        margin-bottom: 15px;
    }
</style>

@section('content')
<div data-ng-controller="AddOrganizationDetailController as adoCtrl">
    <div class="dashboard-page " id="dashboard-page">
        <div class="page-heading flexbox align-items-center flex-wrap">
            <h4>{{ __('organizations::index.organization') }}</h4>
        </div>

        @include('base::layouts.subnav')

        <div class="contentpanel product order_list">
            @include('base::partials.errors')
            <div class="response-msg"></div>
        </div>

        <ul class="nav nav-tabs" role="tablist">
            <li class="active">
                <a href="#home" role="tab" data-toggle="tab" style="color: black;">General Settings</a>
            </li>
            <li>
                <a href="#menu1" role="tab" data-toggle="tab" style="color: black;">Organization Settings</a>
            </li>
        </ul>

        <div class="tab-content">
            <!-- General Settings -->
            <div id="home" class="tab-pane fade in active"><br>
                <h1 class="fs-4 fw-bold" style="font-size: 1.5rem;">Update Organization</h1><br>
                <div class="row">
                    <div class="justify-content-center mx-auto" style="width:70%; margin-left: 10rem;">
                        <form method="POST" enctype="multipart/form-data" id="update_organization" data-base-validator data-ng-submit="adoCtrl.save($event)">
                            {!! csrf_field() !!}
                            <input type="hidden" id="org-id" name="id" value="{{ request()->id }}">

                            <div class="form-group row" style="margin-bottom: 15px;">
                                <label for="organization_logo" class="col-sm-2 text-dark control-label"><strong>Organization Logo:</strong></label>
                                <div class="col-sm-3">
                                    <img id="selectedImage" src="https://mdbootstrap.com/img/Photos/Others/placeholder.jpg"
                                        alt="example placeholder" style="width: 150px;" />
                                </div>
                                <div class="col-sm-6">
                                    <div class="btn btn-info">
                                        <label class="text-white" for="organization_logo" style="margin-bottom: 0;">Choose file</label>
                                        <input type="file" name="organization_logo" class="hidden" id="organization_logo" ng-model="adoCtrl.organizationdetail.organization_logo"
                                            onchange="displaySelectedImage(event, 'selectedImage')" />
                                    </div>
                                </div>
                            </div>

                            <div class="form-group row" style="margin-bottom: 15px;">
                                <label for="organization_name" class="col-sm-2 text-dark control-label"><strong>Name*:</strong></label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" ng-model="adoCtrl.organizationdetail.organization_name"
                                        name="organization_name" placeholder="{{trans('organizations::index.organization_placeholder')}}" id="organization_name" required
                                        style="border: 2px solid rgba(128, 130, 133, 0.36); border-radius: 20px; padding: 0px 9px; height: auto;">
                                </div>
                            </div>

                            <div class="form-group row" style="margin-bottom: 15px;">
                                <label for="id" class="col-sm-2 control-label"><strong>Organization Id:</strong></label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" id="id" ng-model="adoCtrl.organizationdetail.organization_id" value="{{ request()->id }}" disabled
                                        style="border: 2px solid rgba(128, 130, 133, 0.36); border-radius: 20px; padding: 0px 9px; height: auto;">
                                </div>
                            </div>

                            <div class="form-group row" style="margin-bottom: 15px;">
                                <label for="prefix" class="col-sm-2 control-label"><strong>Prefix*:</strong></label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" ng-model="adoCtrl.organizationdetail.prefix" name="prefix" id="prefix"
                                        style="border: 2px solid rgba(128, 130, 133, 0.36); border-radius: 20px; padding: 0px 9px; height: auto;"
                                        placeholder="{{ trans('organizations::index.gnr_prefix') }}">
                                </div>
                                <div class="col-sm-2">
                                    <input type="checkbox" id="prefix-auto" data-id="{{ request()->id }}">
                                    <label for="prefix-auto"><strong>Auto</strong></label>
                                </div>
                            </div>

                            <div class="form-group row" style="margin-bottom: 15px;">
                                <label class="col-sm-2 control-label"><strong>Select Platform:</strong></label>
                                @php
                                $selectedPlatforms = old('select_platform', $organizationDetail->select_platform ?? '[]');
                                $selectedPlatforms = json_decode($selectedPlatforms, true) ?? [];
                                @endphp
                                <div class="col-sm-10">
                                    @foreach (["Stb", "Pc/Lg", "Ios", "tvOS", "Android Mobile", "Samsung Tv", "Web", "Others"] as $platform)
                                    <label class="checkbox-inline">
                                        <input
                                            type="checkbox"
                                            class="form-check-input"
                                            name="select_platform[]"
                                            value="{{ $platform }}"
                                            ng-checked="adoCtrl.organizationdetail.select_platform && adoCtrl.organizationdetail.select_platform.includes('{{ $platform }}')"
                                            ng-click="adoCtrl.togglePlatform('{{ $platform }}')">
                                        <label class="form-check-label">{{ $platform }}</label>
                                    </label>
                                    @endforeach
                                </div>
                            </div>

                            <div class="form-group row" style="margin-bottom: 15px;">
                                <label class="col-sm-2 control-label"><strong>API Access:</strong></label>
                                <label class="switch">
                                    <input type="checkbox" ng-model="adoCtrl.organizationdetail.api_access" name="api_access" id="api_access" onchange="toggleApiAccess()"
                                        style="border: 2px solid rgba(128, 130, 133, 0.36); border-radius: 20px; padding: 0px 9px; height: auto;">
                                    <span class="slider round"></span>
                                </label>
                            </div>

                            <div class="form-group row" style="margin-bottom: 15px;">
                                <label for="loginToken" class="col-sm-2 control-label"><strong>Login Token:</strong></label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" ng-model="adoCtrl.organizationdetail.login_token" name="login_token" id="loginToken" disabled
                                        style="border: 2px solid rgba(128, 130, 133, 0.36); border-radius: 20px; padding: 0px 9px; height: auto;"
                                        placeholder="{{trans('organizations::index.gnr_login_token')}}">
                                </div>
                                <div class="col-sm-2">
                                    <button type="button" class="btn btn-default" onclick="generateToken()" id="generateTokenBtn" title="Generate New Token">
                                        <i class="glyphicon glyphicon-refresh"></i>
                                    </button>
                                    <button type="button" class="btn btn-default" onclick="copyToken()" title="Copy Token">
                                        <i class="glyphicon glyphicon-copy"></i>
                                    </button>
                                </div>
                            </div>

                            <div class="form-group row" style="margin-bottom: 15px;">
                                <label for="apiToken" class="col-sm-2 control-label"><strong>API Token:</strong></label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" ng-model="adoCtrl.organizationdetail.api_token" name="api_token" id="apiToken" disabled
                                        style="border: 2px solid rgba(128, 130, 133, 0.36); border-radius: 20px; padding: 0px 9px; height: auto;"
                                        placeholder="{{trans('organizations::index.gnr_api_token')}}">
                                </div>
                                <div class="col-sm-2">
                                    <button type="button" class="btn btn-default" onclick="copyApiToken()" title="Copy Token">
                                        <i class="glyphicon glyphicon-copy"></i>
                                    </button>
                                </div>
                            </div>

                            <div class="form-group text-center">
                                <button type="submit" class="btn btn-success" id="organizationupdate">
                                    <strong>Update</strong>
                                </button>&nbsp;&nbsp;
                                <button type="button" class="btn btn-danger" onclick="deleteOrganization({{ request()->id }})">
                                    <strong>Remove</strong>
                                </button>&nbsp;&nbsp;
                                <button type="button" class="btn btn-default" onclick="cancelOrganization({{ request()->id }})">
                                    <strong>Cancel</strong>
                                </button>&nbsp;&nbsp;
                                <button type="button" class="btn btn-primary" onclick="cloneOrganization({{ request()->id }})">
                                    <strong>Clone</strong>
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>

            <!-- Organization Settings -->
            <div id="menu1" class="tab-pane fade"><br>
                <h3 class="fs-4 fw-bold" style="font-size: 1.5rem;">Organization Settings</h3><br>
                <div class="row">
                    <div class="justify-content-center mx-auto" style="width:70%; margin-left: 10rem;">
                        <form method="POST" enctype="multipart/form-data" data-base-validator data-ng-submit="adoCtrl.settingsave($event)">
                            {!! csrf_field() !!}
                            <input type="hidden" id="id" name="id" value="{{ request()->id }}">
                            @php
                            $defaultMaxActivationLength = config('default.max_activation_length');
                            $defaultUnlimitedMaxActivationLength = config('default.max_activation_length_unlimited');
                            $defaultDeviceActivationLimit = config('default.device_activation_limit');
                            $defaultVoidPaymentIn = config('default.void_payment_in');
                            $defaultDisallowVoidPaymentIn = config('default.disallow_void_payment_in');

                            $defaultCustomCharge = config('default.custom_charges_allow');
                            $defaultCustomSubscription = config('default.custom_subscription_allow');
                            $defaultDeviceSlote = config('default.device_slots_allow');
                            $defaultDeviceLinking = config('default.device_linking_allow');

                            $defaultLinkCodeExpiration = config('default.link_code_expiration');

                            $defaultAcceptanceToa = config('default.acceptance_toa');
                            $defaultSubscriptionActication = config('default.subscription_activation_allow');
                            $defaultSubscriptionProrating = config('default.subscription_prorating_allow');
                            $defaultContentAdd = config('default.content_add_on_prorating_allow');
                            $defaultVoucherSubscribers = config('default.voucher_subscribers_allow');

                            $defaultExpiredVoucher = config('default.expired_voucher_removal');
                            $defaultVoucherSlots = config('default.voucher_slots');
                            @endphp
                            <!-- Max Activation Length: -->
                            <div class="form-group row" style="margin-bottom: 15px;">
                                <label for="max_activation_length" class="col-sm-3 control-label">Max Activation Length:</label>
                                <div class="col-sm-6">
                                    <div class="input-group">
                                        <input type="text" class="form-control" ng-model="adoCtrl.organizationsetting.max_activation_length"
                                            style="border: 2px solid rgba(128, 130, 133, 0.36); border-radius: 20px 0px 0 20px; padding: 0px 9px; height: auto;"
                                            placeholder="{{trans('organizations::index.org_length')}}" name="max_activation_length" id="max_activation_length">
                                        <span class="input-group-addon" style="border: 2px solid rgba(128, 130, 133, 0.36); border-radius: 0px 20px 20px 0px; padding: 0px 9px; height: auto;">days</span>
                                    </div>
                                </div>
                                <div class="col-auto d-flex align-items-center gap-2">
                                    <input type="checkbox" id="unlimited" ng-model="adoCtrl.organizationsetting.unlimited" name="unlimited">
                                    <label for="unlimited" class="form-label fw-bold mb-0">Unlimited</label>&nbsp;&nbsp;&nbsp;

                                    <input type="checkbox" name="use_system_default" ng-model="adoCtrl.organizationsetting.use_system_default" id="use_system_default">
                                    <label for="use-system-default" class="form-label fw-bold mb-0">Use system default</label>
                                </div>
                            </div>

                            <!-- Device Activation Limit: -->
                            <div class="form-group row" style="margin-bottom: 15px;">
                                <label for="device_activation_limit" class="col-sm-3 control-label">Device Activation Limit:</label>
                                <div class="col-sm-6">
                                    <input type="text" class="form-control" ng-model="adoCtrl.organizationsetting.device_activation_limit" placeholder="{{trans('organizations::index.org_limit')}}"
                                        style="border: 2px solid rgba(128, 130, 133, 0.36); border-radius: 20px; padding: 0px 9px; height: auto;" name="device_activation_limit"
                                        id="device_activation_limit">
                                </div>
                                <div class="col-sm-3">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" id="activation_limit_use_system_default" ng-model="adoCtrl.organizationsetting.activation_limit_use_system_default" name="activation-limit-use-system-default"> Use system default
                                        </label>
                                    </div>
                                </div>
                            </div>

                            <!-- Void Payment In: -->
                            <div class="form-group row" style="margin-bottom: 15px;">
                                <label for="void_payment_in" class="col-sm-3 control-label">Void Payment In:</label>
                                <div class="col-sm-6">
                                    <div class="input-group">
                                        <input type="text" class="form-control" ng-model="adoCtrl.organizationsetting.void_payment_in" placeholder="{{trans('organizations::index.org_void')}}" name="void_payment_in" id="void_payment_in"
                                            style="border: 2px solid rgba(128, 130, 133, 0.36); border-radius: 20px 0px 0 20px; padding: 0px 9px; height: auto;">
                                        <span class="input-group-addon" style="border: 2px solid rgba(128, 130, 133, 0.36); border-radius: 0px 20px 20px 0px; padding: 0px 9px; height: auto;">hours</span>
                                    </div>
                                </div>
                                <div class="col-auto d-flex align-items-center gap-2">
                                    <input type="checkbox" id="disallow_void" ng-model="adoCtrl.organizationsetting.disallow_void" name="disallow_void">
                                    <label for="disallow_void" class="form-label fw-bold mb-0">Disallow Void</label>&nbsp;&nbsp;&nbsp;

                                    <input type="checkbox" id="void_payment_use_system_default" ng-model="adoCtrl.organizationsetting.void_payment_use_system_default" name="void-payment-use-system-default">
                                    <label for="void-payment-use-system-default" class="form-label fw-bold mb-0">Use system default</label>
                                </div>
                            </div>

                            <!-- Custom Charges -->
                            <div class="form-group row" style="margin-bottom: 15px;">
                                <label for="custom_charges" class="col-sm-3 control-label">Custom Charges:</label>
                                <div class="col-sm-6">
                                    <label class="radio-inline">
                                        <input class="radio" type="radio" ng-model="adoCtrl.organizationsetting.custom_charges" name="custom_charges" id="custom_charges_allow" value="1"> Allow
                                    </label>
                                    <label class="radio-inline">
                                        <input class="radio" type="radio" ng-model="adoCtrl.organizationsetting.custom_charges" name="custom_charges" id="custom_charges_disallow" value="0"> Disallow
                                    </label>
                                </div>
                                <div class="col-sm-3">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" id="custom_change_use_system_default" ng-model="adoCtrl.organizationsetting.custom_change_use_system_default"> Use system default
                                        </label>
                                    </div>
                                </div>
                            </div>

                            <!-- Custom Subscription -->
                            <div class="form-group row" style="margin-bottom: 15px;">
                                <label for="custom_subscription" class="col-sm-3 control-label">Custom Subscription:</label>
                                <div class="col-sm-6">
                                    <label class="radio-inline">
                                        <input class="radio" type="radio" ng-model="adoCtrl.organizationsetting.custom_subscription" name="custom_subscription" id="custom_subscription_allow" value="1"> Allow
                                    </label>
                                    <label class="radio-inline">
                                        <input class="radio" type="radio" ng-model="adoCtrl.organizationsetting.custom_subscription" name="custom_subscription" id="custom_subscription" value="0"> Disallow
                                    </label>
                                </div>
                                <div class="col-sm-3">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" id="custom_subscription_use_system_default" name="custom_subscription_use_system_default" ng-model="adoCtrl.organizationsetting.custom_subscription_use_system_default"> Use system default
                                        </label>
                                    </div>
                                </div>
                            </div>

                            <!-- Device Slots -->
                            <div class="form-group row" style="margin-bottom: 15px;">
                                <label for="device_slots" class="col-sm-3 control-label">Device Slots:</label>
                                <div class="col-sm-6">
                                    <label class="radio-inline">
                                        <input class="radio" type="radio" ng-model="adoCtrl.organizationsetting.device_slots" name="device_slots" id="device_slots_allow" value="1"> Allow
                                    </label>
                                    <label class="radio-inline">
                                        <input class="radio" type="radio" ng-model="adoCtrl.organizationsetting.device_slots" name="device_slots" id="device_slots" value="0"> Disallow
                                    </label>
                                </div>
                                <div class="col-sm-3">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" id="device_slot_use_system_default" name="device_slot_use_system_default" ng-model="adoCtrl.organizationsetting.device_slot_use_system_default"> Use system default
                                        </label>
                                    </div>
                                </div>
                            </div>

                            <!-- Device Linking -->
                            <div class="form-group row" style="margin-bottom: 15px;">
                                <label for="device_linking" class="col-sm-3 control-label">Device Linking:</label>
                                <div class="col-sm-6">
                                    <label class="radio-inline">
                                        <input class="radio" type="radio" ng-model="adoCtrl.organizationsetting.device_linking" name="device_linking" id="device_linking_allow" value="1"> Allow
                                    </label>
                                    <label class="radio-inline">
                                        <input class="radio" type="radio" ng-model="adoCtrl.organizationsetting.device_linking" name="device_linking" id="device_linking" value="0"> Disallow
                                    </label>
                                </div>
                                <div class="col-sm-3">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" id="device_linking_use_system_default" name="device_linking_use_system_default" ng-model="adoCtrl.organizationsetting.device_linking_use_system_default"> Use system default
                                        </label>
                                    </div>
                                </div>
                            </div>

                            <!-- Link Code Expiration: -->
                            <div class="form-group row" style="margin-bottom: 15px;">
                                <label for="link_code_expiration" class="col-sm-3 control-label">Link Code Expiration:</label>
                                <div class="col-sm-6">
                                    <div class="input-group">
                                        <input type="text" class="form-control" ng-model="adoCtrl.organizationsetting.link_code_expiration" placeholder="{{trans('organizations::index.org_link')}}" name="link_code_expiration" id="link_code_expiration"
                                            style="border: 2px solid rgba(128, 130, 133, 0.36); border-radius: 20px 0px 0 20px; padding: 0px 9px; height: auto;">
                                        <span class="input-group-addon" style="border: 2px solid rgba(128, 130, 133, 0.36); border-radius: 0px 20px 20px 0px; padding: 0px 9px; height: auto;">days</span>
                                    </div>
                                </div>
                                <div class="col-sm-3">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" id="link_code_use_system_default" ng-model="adoCtrl.organizationsetting.link_code_use_system_default"> Use system default
                                        </label>
                                    </div>
                                </div>
                            </div>

                            <!-- Active TOA: -->
                            <div class="form-group row" style="margin-bottom: 15px;">
                                <label for="active_toa" class="col-sm-3 control-label">Active TOA:</label>
                                <div class="col-sm-6">
                                    <label class="radio-inline">
                                        <input class="radio" type="radio" ng-model="adoCtrl.organizationsetting.active_toa" value="0" name="active_toa" id="acceptance_toa"> Acceptance TOA
                                    </label>
                                    <label class="radio-inline">
                                        <input class="radio" type="radio" ng-model="adoCtrl.organizationsetting.active_toa" value="1" name="active_toa" id="payment"> Payment
                                    </label>
                                </div>
                                <div class="col-sm-3">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" id="active_toa_use_system_default" name="active_toa_use_system_default" ng-model="adoCtrl.organizationsetting.active_toa_use_system_default"> Use system default
                                        </label>
                                    </div>
                                </div>
                            </div>

                            <!-- Subscription Activation: -->
                            <div class="form-group row" style="margin-bottom: 15px;">
                                <label for="subscription_activation" class="col-sm-3 control-label">Subscription Activation:</label>
                                <div class="col-sm-6">
                                    <label class="radio-inline">
                                        <input class="radio" type="radio" ng-model="adoCtrl.organizationsetting.subscription_activation" value="1" name="subscription_activation" id="subscription_activation_allow"> Allow
                                    </label>
                                    <label class="radio-inline">
                                        <input class="radio" type="radio" ng-model="adoCtrl.organizationsetting.subscription_activation" value="0" name="subscription_activation" id="subscription_activation"> Disallow
                                    </label>
                                </div>
                                <div class="col-sm-3">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" id="subscription_activation_use_system_default" name="subscription_activation_use_system_default" ng-model="adoCtrl.organizationsetting.subscription_activation_use_system_default"> Use system default
                                        </label>
                                    </div>
                                </div>
                            </div>

                            <!-- Subscription Prorating: -->
                            <div class="form-group row" style="margin-bottom: 15px;">
                                <label for="subscription_prorating" class="col-sm-3 control-label">Subscription Prorating:</label>
                                <div class="col-sm-6">
                                    <label class="radio-inline">
                                        <input class="radio" type="radio" ng-model="adoCtrl.organizationsetting.subscription_prorating" value="1" name="subscription_prorating" id="subscription_prorating_allow"> Allow
                                    </label>
                                    <label class="radio-inline">
                                        <input class="radio" type="radio" ng-model="adoCtrl.organizationsetting.subscription_prorating" value="0" name="subscription_prorating" id="subscription_prorating"> Disallow
                                    </label>
                                </div>
                                <div class="col-sm-3">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" id="prorating_use_system_default" name="prorating_use_system_default" ng-model="adoCtrl.organizationsetting.prorating_use_system_default"> Use system default
                                        </label>
                                    </div>
                                </div>
                            </div>

                            <!-- Content Add-on Prorating: -->
                            <div class="form-group row" style="margin-bottom: 15px;">
                                <label for="content_add_on_prorating" class="col-sm-3 control-label">Content Add-on Prorating:</label>
                                <div class="col-sm-6">
                                    <label class="radio-inline">
                                        <input class="radio" type="radio" ng-model="adoCtrl.organizationsetting.content_add_on_prorating" value="1" name="content_add_on_prorating" id="content_add_on_prorating_allow"> Allow
                                    </label>
                                    <label class="radio-inline">
                                        <input class="radio" type="radio" ng-model="adoCtrl.organizationsetting.content_add_on_prorating" value="0" name="content_add_on_prorating" id="content_add_on_prorating"> Disallow
                                    </label>
                                </div>
                                <div class="col-sm-3">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" id="content_add_use_system_default" name="content_add_use_system_default" ng-model="adoCtrl.organizationsetting.content_add_use_system_default"> Use system default
                                        </label>
                                    </div>
                                </div>
                            </div>

                            <!-- Voucher Subscribers: -->
                            <div class="form-group row" style="margin-bottom: 15px;">
                                <label for="voucher_subscribers" class="col-sm-3 control-label">Voucher Subscribers:</label>
                                <div class="col-sm-6">
                                    <label class="radio-inline">
                                        <input class="radio" type="radio" ng-model="adoCtrl.organizationsetting.voucher_subscribers" value="1" name="voucher_subscribers" id="voucher_subscribers_allow"> Allow
                                    </label>
                                    <label class="radio-inline">
                                        <input class="radio" type="radio" ng-model="adoCtrl.organizationsetting.voucher_subscribers" value="0" name="voucher_subscribers" id="voucher_subscribers"> Disallow
                                    </label>
                                </div>
                            </div>

                            <!-- Expired Voucher Removal: -->
                            <div class="form-group row" style="margin-bottom: 15px;">
                                <label for="expired_voucher_removal" class="col-sm-3 control-label">Expired Voucher Removal:</label>
                                <div class="col-sm-6">
                                    <div class="input-group">
                                        <input type="text" class="form-control" ng-model="adoCtrl.organizationsetting.expired_voucher_removal" placeholder="{{trans('organizations::index.org_voucher')}}"
                                            style="border: 2px solid rgba(128, 130, 133, 0.36); border-radius: 20px 0px 0 20px; padding: 0px 9px; height: auto;"
                                            name="expired_voucher_removal" id="expired_voucher_removal">
                                        <span class="input-group-addon" style="border: 2px solid rgba(128, 130, 133, 0.36); border-radius: 0px 20px 20px 0px; padding: 0px 9px; height: auto;">days</span>
                                    </div>
                                </div>
                                <div class="col-sm-3">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" id="expired_voucher_use_system_default" ng-model="adoCtrl.organizationsetting.expired_voucher_use_system_default"> Use system default
                                        </label>
                                    </div>
                                </div>
                            </div>

                            <!-- Voucher Slots: -->
                            <div class="form-group row" style="margin-bottom: 15px;">
                                <label for="voucher_slots" class="col-sm-3 control-label">Voucher Slots:</label>
                                <div class="col-sm-6">
                                    <div class="input-group">
                                        <input type="text" class="form-control" ng-model="adoCtrl.organizationsetting.voucher_slots" placeholder="{{trans('organizations::index.org_slote')}}"
                                            style="border: 2px solid rgba(128, 130, 133, 0.36); border-radius: 20px; padding: 0px 9px; height: auto;"
                                            name="voucher_slots" id="voucher_slots">
                                    </div>
                                </div>
                                <div class="col-sm-3">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" id="voucher_slot_use_system_default" ng-model="adoCtrl.organizationsetting.voucher_slot_use_system_default"> Use system default
                                        </label>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="col-sm-offset-3 col-sm-6">
                                    <button type="submit" class="btn btn-success" id="settingupdate">Update</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
@endsection

<script>
    window.deletebtn = "{{ route('organizations.destroy') }}";
    window.cancelbtn = "{{ route('organizations.index') }}";
    window.clonebtn = "{{ route('organization.clone', ['id' => '__ID__']) }}";
</script>

@include('organizations::layouts.default_script')
@include('organizations::layouts.scripts')

@section('scripts')
<script src="{{asset('adminview/assets/js/classieSidebarEffects.js')}}"></script>
<script src="{{asset('adminview/assets/js/classieSidebarEffectsDirective.js')}}"></script>
<script src="{{asset('adminview/assets/js/canvasjs.min.js')}}"></script>
<script src="{{asset('adminview/assets/js/requestFactory.js')}}"></script>
<script src="{{asset('adminview/assets/js/gridView.js')}}"></script>
<script src="{{asset('adminview/assets/js/organization/addorganizationdtl/addorganizationdtl.js')}}"></script>
<script src="{{asset('adminview/assets/js/common/common.js')}}"></script>
<script src="{{asset('adminview/assets/js/grid.js')}}"></script>
<script src="{{asset('adminview/assets/js/common/directive.js')}}"></script>
@endsection