@extends('layouts.app')

@section('content')

<div class="container">

    @include('layouts.subnav')
    <div class="mb-4"></div>
    <!-- Nav tabs -->
    @if (auth()->user()->name === 'admin')

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

    <!-- General Setting code -->
    <div class="tab-content">
        <div id="home" class=" tab-pane active"><br>
            <h1 class="fs-3 fw-bold">Update Organization</h1><br>
            <div class="row">
                <div class="justify-content-center mx-auto" style="width:70%;">
                    <form action="{{ route('organization.update') }}" method="POST" enctype="multipart/form-data">
                        <input type="hidden" name="id" value="{{$organization->id}}">
                        @csrf
                        <div class="row mb-3 align-items-center">
                            <label for="customFile1" class="col-sm-2 fw-bold col-form-label">Organization Logo:</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 btn-rounded d-inline-flex align-items-center" style="background: #00ACCD;">
                                    <label class="form-label text-white m-1" for="customFile1">Choose file</label>
                                    <input type="file" name="organization_logo" class="form-control d-none" id="customFile1"
                                        onchange="displaySelectedImage(event, 'selectedImage')" />
                                </div>
                            </div>
                        </div>

                        <div class="row mb-3">
                            <label for="organization_name" class="col-sm-2 fw-bold col-form-label">Name*:</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control rounded-pill border-2" name="organization_name" value="{{ $organization->organization_name }}" placeholder="Enter organization name" id="organization_name" required>
                            </div>
                        </div>
                        <div class="row mb-3">
                            <label for="id" class="col-sm-2 fw-bold col-form-label">Organization Id:</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control rounded-pill border-2" value="{{ $organization->id }}" id="id" disabled>
                            </div>
                        </div>
                        <div class="row mb-3 justify-content-center align-items-center">
                            <label for="prefix" class="col-sm-2 fw-bold col-form-label">Prefix*:</label>
                            <div class="col-sm-8">
                                @if($organizationDetail)
                                <input type="text" class="form-control rounded-pill border-2" value="{{ $organizationDetail->prefix }}" placeholder="Enter prefix name" name="prefix" id="prefix">
                                @else
                                <p>No additional details found.</p>
                                @endif
                            </div>
                            <div class="col-sm-2">
                                <input type="checkbox" class="" id="prefix-auto" data-id="{{ $organization->id }}">
                                <label for="prefix-auto" class="form-label fw-bold">Auto</label>
                            </div>

                            <div class="mb-3"></div>
                            <div class="col-sm-2">
                                <label for="" class="fw-bold">Select Platform:</label>
                            </div>

                            @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)
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" name="select_platform[]" type="checkbox" id="{{ $platform }}" value="{{ $platform }}"
                                        {{ in_array($platform, $selectedPlatforms) ? 'checked' : '' }}>
                                    <label class="form-check-label" for="{{ $platform }}">{{ $platform }}</label>
                                </div>
                                @endforeach
                            </div>
                        </div>
                        <div class="row mb-3">
                            <div class="d-flex align-items-center">
                                <span class="fw-bold ">API Access:</span>
                                <div class="form-check form-switch">
                                    <input class="form-check-input ms-5" type="checkbox" name="api_access" role="switch" id="apiAccessSwitch" onchange="toggleApiAccess()">
                                </div>
                            </div>
                        </div>
                        <div class="row mb-3">
                            <label for="loginToken" class="col-sm-2 fw-bold col-form-label">Login Token:</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control rounded-pill border-2" data-id="{{ $organizationDetail->organization_id }}" name="login_token" id="loginToken" required disabled>
                            </div>
                            <div class="col-sm-2 d-flex">
                                <div class="btn btn-outline-secondary me-2" onclick="generateToken()" title="Generate New Token" disabled id="generateTokenBtn">
                                    <i class="fas fa-sync-alt"></i>
                                </div>
                                <button class="btn btn-outline-primary" onclick="copyToken()" title="Copy Token" id="copyTokenBtn">
                                    <i class="fas fa-copy"></i>
                                </button>
                            </div>
                        </div>
                        <div class="row mb-3">
                            <label for="apiToken" class="col-sm-2 fw-bold col-form-label">API Token:</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control rounded-pill border-2" data-id="{{ $organizationDetail->organization_id }}" name="api_token" id="apiToken" required disabled>
                            </div>
                            <div class="col-sm-2 d-flex">
                                <button class="btn btn-outline-primary" onclick="copyApiToken()" title="Copy Token" id="copyApiTokenBtn">
                                    <i class="fas fa-copy"></i>
                                </button>
                            </div>
                        </div>
                        <div class="mb-3"></div>
                        <div class="nav nav-pills justify-content-center align-items-center">
                            <button type="submit" class="border-3 btn btn-success fw-bold">Update</button>&nbsp;&nbsp;
                            <button type="button" class="border-3 btn btn-danger text-danger fw-bold" onclick="deleteOrganization({{ $organization->id }})">Remove</button>&nbsp;&nbsp;
                            <button type="button" class="border-3 btn btn-secondary fw-bold" onclick="cancelOrganization({{ $organization->id }})">Cancel</button>&nbsp;&nbsp;
                            <button type="button" class="border-3 btn btn-success fw-bold" onclick="cloneOrganization({{ $organization->id }})">Clone</button>&nbsp;&nbsp;
                        </div>
                    </form>
                </div>
            </div>
        </div>


        <!-- OrganizationSetting code -->
        <div id="menu1" class=" tab-pane fade"><br>
            <h3 class="fs-4 fw-bold">Organization Settings</h3><br>
            <div class="row">
                <div class="justify-content-center mx-auto" style="width:70%;">
                    <form action="{{ route('organizationsetting.update') }}" method="POST" enctype="multipart/form-data">
                        <input type="hidden" name="id" value="{{$organization->id}}">
                        @csrf
                        @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="row mb-3 d-flex align-items-center">
                            <label for="max_activation_length" class="col-auto fw-bold col-form-label">Max Activation Length:</label>

                            <div class="col">
                                <div class="d-flex align-items-center gap-2">
                                    <input type="text" class="form-control rounded-pill border-2" style="width: 25rem;"
                                        placeholder="Enter Max Activation Length" name="max_activation_length"
                                        id="max_activation_length">
                                    <span>days</span>
                                </div>
                            </div>

                            <div class="col-auto d-flex align-items-center gap-2">
                                <input type="checkbox" id="unlimited" name="unlimited">
                                <label for="unlimited" class="form-label fw-bold mb-0">Unlimited</label>
                            </div>

                            <div class="col-auto d-flex align-items-center gap-2">
                                <input type="checkbox" name="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="row mb-3 d-flex align-items-center">

                            <label for="device_activation_limit" class="col-auto fw-bold col-form-label">Device Activation Limit:</label>

                            <div class="col">
                                <div class="d-flex align-items-center gap-2">
                                    <input type="text" class="form-control rounded-pill border-2 rounded-pill" style="width: 25rem;"
                                        placeholder="Enter Device Activation Limit" name="device_activation_limit" id="device_activation_limit">
                                    <!-- <span>days</span> -->
                                </div>
                            </div>

                            <div class="col-auto d-flex align-items-center gap-2">
                                <input type="checkbox" id="activation-limit-use-system-default" name="activation-limit-use-system-default">
                                <label for="use-system-default" name="activation-limit-use-system-default" class="form-label fw-bold mb-0">Use system default</label>
                            </div>
                        </div>
                        <!-- Void Payment In: -->
                        <div class="row mb-3 d-flex align-items-center">
                            <label for="void_payment_in" class="col-auto fw-bold col-form-label">Void Payment In:</label>

                            <div class="col">
                                <div class="d-flex align-items-center gap-2">
                                    <input type="text" class="form-control rounded-pill border-2 ms-5" style="width: 25rem;"
                                        placeholder="Enter Void Payment In" name="void_payment_in" id="void_payment_in">
                                    <span>hours</span>
                                </div>
                            </div>

                            <div class="col-auto d-flex align-items-center gap-2">
                                <input type="checkbox" id="disallow_void" name="disallow_void">
                                <label for="disallow_void" class="form-label fw-bold mb-0">Disallow Void</label>
                            </div>

                            <div class="col-auto d-flex align-items-center gap-2">
                                <input type="checkbox" id="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="row mb-3 d-flex align-items-center">
                            <label for="custom_charges" class="col-auto fw-bold col-form-label">Custom Charges:</label>

                            <div class="col ms-5">
                                <input class="form-check-input border-3" type="radio" name="custom_charges" id="custom_charges_allow" value="1">
                                <label class="form-check-label" for="custom_charges">
                                    Allow
                                </label>

                                <input class="form-check-input border-3 ms-5" type="radio" name="custom_charges" id="custom_charges_disallow" value="0">
                                <label class="form-check-label" for="custom_charges">
                                    Disallow
                                </label>
                            </div>

                            <div class="col-auto d-flex align-items-center gap-2">
                                <input type="checkbox" id="custom-change-use-system-default">
                                <label for="use-system-default" class="form-label fw-bold mb-0">Use system default</label>
                            </div>
                        </div>
                        <!-- Custom Subscription -->
                        <div class="row mb-3 d-flex align-items-center">
                            <label for="custom_subscription" class="col-auto fw-bold col-form-label">Custom Subscription:</label>

                            <div class="col ms-5">
                                <input class="form-check-input border-3" value="1" type="radio" name="custom_subscription" id="custom_subscription_allow">
                                <label class="form-check-label" for="custom_subscription">
                                    Allow
                                </label>

                                <input class="form-check-input border-3 ms-5" value="0" type="radio" name="custom_subscription" id="custom_subscription">
                                <label class="form-check-label" for="custom_subscription">
                                    Disallow
                                </label>
                            </div>

                            <div class="col-auto d-flex align-items-center gap-2">
                                <input type="checkbox" id="custom-subscription-use-system-default">
                                <label for="use-system-default" class="form-label fw-bold mb-0">Use system default</label>
                            </div>
                        </div>
                        <!-- Device Slots -->
                        <div class="row mb-3 d-flex align-items-center">
                            <label for="device_slots" class="col-auto fw-bold col-form-label">Device Slots:</label>

                            <div class="col ms-5">
                                <input class="form-check-input border-3" value="1" type="radio" name="device_slots" id="device_slots_allow">
                                <label class="form-check-label" for="device_slots">
                                    Allow
                                </label>

                                <input class="form-check-input border-3 ms-5" value="0" type="radio" name="device_slots" id="device_slots">
                                <label class="form-check-label" for="device_slots">
                                    Disallow
                                </label>
                            </div>

                            <div class="col-auto d-flex align-items-center gap-2">
                                <input type="checkbox" id="device-slot-use-system-default">
                                <label for="use-system-default" class="form-label fw-bold mb-0">Use system default</label>
                            </div>
                        </div>
                        <!-- Device Linking -->
                        <div class="row mb-3 d-flex align-items-center">
                            <label for="device_linking" class="col-auto fw-bold col-form-label">Device Linking:</label>

                            <div class="col ms-5">
                                <input class="form-check-input border-3" value="1" type="radio" name="device_linking" id="device_linking_allow">
                                <label class="form-check-label" for="device_linking">
                                    Allow
                                </label>

                                <input class="form-check-input border-3 ms-5" value="0" type="radio" name="device_linking" id="device_linking">
                                <label class="form-check-label" for="device_linking">
                                    Disallow
                                </label>
                            </div>

                            <div class="col-auto d-flex align-items-center gap-2">
                                <input type="checkbox" id="device-linking-use-system-default">
                                <label for="use-system-default" class="form-label fw-bold mb-0">Use system default</label>
                            </div>
                        </div>
                        <!-- Link Code Expiration: -->
                        <div class="row mb-3 d-flex align-items-center">
                            <label for="link_code_expiration" class="col-auto fw-bold col-form-label">Link Code Expiration:</label>

                            <div class="col">
                                <div class="d-flex align-items-center gap-2">
                                    <input type="text" class="form-control rounded-pill border-2 rounded-pill" style="width: 25rem;"
                                        placeholder="Enter Link Code Expiration" name="link_code_expiration" id="link_code_expiration">
                                    <span>days</span>
                                </div>
                            </div>

                            <div class="col-auto d-flex align-items-center gap-2">
                                <input type="checkbox" id="link-code-use-system-default">
                                <label for="use-system-default" class="form-label fw-bold mb-0">Use system default</label>
                            </div>
                        </div>
                        <!-- Active TOA: -->
                        <div class="row mb-3 d-flex align-items-center">
                            <label for="active_toa" class="col-auto fw-bold col-form-label">Active TOA:</label>

                            <div class="col ms-5">
                                <input class="form-check-input border-3" type="radio" value="0" name="active_toa" id="acceptance_toa">
                                <label class="form-check-label" for="active_toa">
                                    Acceptance TOA
                                </label>

                                <input class="form-check-input border-3 ms-5" type="radio" value="1" name="active_toa" id="payment">
                                <label class="form-check-label" for="active_toa">
                                    Payment
                                </label>
                            </div>

                            <div class="col-auto d-flex align-items-center gap-2">
                                <input type="checkbox" id="active-toa-use-system-default">
                                <label for="use-system-default" class="form-label fw-bold mb-0">Use system default</label>
                            </div>
                        </div>
                        <!-- Subscription Activation: -->
                        <div class="row mb-3 d-flex align-items-center">
                            <label for="subscription_activation" class="col-auto fw-bold col-form-label">Subscription Activation:</label>

                            <div class="col ms-5">
                                <input class="form-check-input border-3" type="radio"
                                    value="1" name="subscription_activation" id="subscription_activation_allow">
                                <label class="form-check-label" for="subscription_activation">
                                    Allow
                                </label>

                                <input class="form-check-input border-3 ms-5" type="radio" value="0" name="subscription_activation" id="subscription_activation">
                                <label class="form-check-label" for="subscription_activation">
                                    Disallow
                                </label>
                            </div>

                            <div class="col-auto d-flex align-items-center gap-2">
                                <input type="checkbox" id="subscription-activation-use-system-default">
                                <label for="use-system-default" class="form-label fw-bold mb-0">Use system default</label>
                            </div>
                        </div>
                        <!-- Subscription Prorating: -->
                        <div class="row mb-3 d-flex align-items-center">
                            <label for="subscription_prorating" class="col-auto fw-bold col-form-label">Subscription Prorating:</label>

                            <div class="col ms-5">
                                <input class="form-check-input border-3" type="radio" value="1" name="subscription_prorating" id="subscription_prorating_allow">
                                <label class="form-check-label" for="subscription_prorating">
                                    Allow
                                </label>

                                <input class="form-check-input border-3 ms-5" type="radio" value="0" name="subscription_prorating" id="subscription_prorating">
                                <label class="form-check-label" for="subscription_prorating">
                                    Disallow
                                </label>
                            </div>

                            <div class="col-auto d-flex align-items-center gap-2">
                                <input type="checkbox" id="prorating-use-system-default">
                                <label for="use-system-default" class="form-label fw-bold mb-0">Use system default</label>
                            </div>
                        </div>
                        <!-- Content Add-on Prorating: -->
                        <div class="row mb-3 d-flex align-items-center">
                            <label for="content_add_on_prorating" class="col-auto fw-bold col-form-label">Content Add-on Prorating:</label>

                            <div class="col ms-5">
                                <input class="form-check-input border-3" type="radio" value="1" name="content_add_on_prorating" id="content_add_on_prorating_allow">
                                <label class="form-check-label" for="content_add_on_prorating">
                                    Allow
                                </label>

                                <input class="form-check-input border-3 ms-5" type="radio" value="0" name="content_add_on_prorating" id="content_add_on_prorating">
                                <label class="form-check-label" for="content_add_on_prorating">
                                    Disallow
                                </label>
                            </div>

                            <div class="col-auto d-flex align-items-center gap-2">
                                <input type="checkbox" id="content-add-use-system-default">
                                <label for="use-system-default" class="form-label fw-bold mb-0">Use system default</label>
                            </div>
                        </div>
                        <!-- Voucher Subscribers: -->
                        <div class="row mb-3 d-flex align-items-center">
                            <label for="voucher_subscribers" class="col-auto fw-bold col-form-label">Voucher Subscribers:</label>

                            <div class="col ms-5">
                                <input class="form-check-input border-3" type="radio" value="1" name="voucher_subscribers" id="vvoucher_subscribers_allow">
                                <label class="form-check-label" for="voucher_subscribers">
                                    Allow
                                </label>

                                <input class="form-check-input border-3 ms-5" type="radio" value="0" name="voucher_subscribers" id="voucher_subscribers">
                                <label class="form-check-label" for="voucher_subscribers">
                                    Disallow
                                </label>
                            </div>

                            <!-- <div class="col-auto d-flex align-items-center gap-2">
                            <input type="checkbox" id="use-system-default" >
                            <label for="use-system-default" class="form-label fw-bold mb-0">Use system default</label>
                        </div> -->
                        </div>
                        <!-- Expired Voucher Removel: -->
                        <div class="row mb-3 d-flex align-items-center">
                            <label for="expired_voucher_removal" class="col-auto fw-bold col-form-label">Expired Voucher Removel:</label>

                            <div class="col">
                                <div class="d-flex align-items-center gap-2">
                                    <input type="text" class="form-control rounded-pill border-2 rounded-pill" style="width: 25rem;" placeholder="Enter Expired Voucher Removel"
                                        name="expired_voucher_removal" id="expired_voucher_removal">
                                    <span>days</span>
                                </div>
                            </div>

                            <div class="col-auto d-flex align-items-center gap-2">
                                <input type="checkbox" id="expired-voucher-use-system-default">
                                <label for="use-system-default" class="form-label fw-bold mb-0">Use system default</label>
                            </div>
                        </div>
                        <!-- Voucher Slots: -->
                        <div class="row mb-3 d-flex align-items-center">
                            <label for="voucher_slots" class="col-auto fw-bold col-form-label">Voucher Slots:</label>

                            <div class="col">
                                <div class="d-flex align-items-center gap-2">
                                    <input type="text" class="form-control rounded-pill border-2 rounded-pill" style="width: 25rem;"
                                        placeholder="Enter Voucher Slots" name="voucher_slots" id="voucher_slots">
                                </div>
                            </div>

                            <div class="col-auto d-flex align-items-center gap-2">
                                <input type="checkbox" id="voucher-slot-use-system-default">
                                <label for="use-system-default" class="form-label fw-bold mb-0">Use system default</label>
                            </div>
                        </div>
                        <div class="mb-3"></div>
                        <div class="nav nav-pills justify-content-center align-items-center">
                            <button type="submit" class="border-3 btn btn-success fw-bold">Update</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    @include('layouts.default_script')
    @else
    <div class="mt-5"></div>
    <span class="alert alert-danger fw-bold fs-6 rounded-pill">
        You don't have permission
    </span>
    @endif

</div>
@endsection