@extends('layouts.adminapp')
@section('content')
    <div class="container-fluid">
        <main class="py-4">

            <div class="position-fixed bottom-0 right-0 p-3" style="z-index: 5; right: 50px; bottom: 530px;">
                <div id="liveToast" class="toast hide" role="alert" aria-live="assertive" aria-atomic="true" data-delay="2000">
                    <div class="toast-header bg-success">
                        <strong class="mr-auto text-white">{{ __('lng.UpdatedSuccessfully') }}</strong>
                        <button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                </div>
            </div>

            <div class="d-sm-flex align-items-center justify-content-between mb-4">
                <h1 class="h3 mb-0 text-gray-800">{{ $Group }} {{ __('lng.Settings') }}</h1>
                <a onclick="window.history.back();" class="d-none d-sm-inline-block btn btn-sm btn-primary shadow-sm"
                    data-toggle="modal" data-target="#ReportModal"><i class="fas fa-arrow-left text-white-50"></i>
                    {{ __('lng.Back') }}</a>
            </div>

            <div class="row">
                @foreach ($Settings as $Setting)
                    @switch($Setting->group)

                    
                        {{-- SETTINGS GENERAL START --}}
                        @case('General')
                            @if ($Setting->title == 'Paginate')
                                <div class="col-lg-12 mb-4">
                                    <div class="card bg-white text-white shadow mb-2">
                                        <div class="card-body">
                                            <div class="row no-gutters align-items-center">
                                                <div class="col mr-2">
                                                    <div class="text-md text-dark font-weight-bold text-uppercase">
                                                        {{ $Setting->title }} - (<span
                                                            id="ChagededValue">{{ $Setting->value }}</span>)</div>
                                                </div>
                                                <div class="col-auto">
                                                    <form class="form-inline">
                                                        <input class="form-control mr-sm-2" id="PaginationValue" type="search"
                                                            value="{{ $Setting->value }}" aria-label="Search">
                                                        <button class="btn btn-outline-success my-2 my-sm-0" type="button"
                                                            onclick="AddPagination({{ $Setting->id }})">{{ __('lng.Update') }}</button>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @elseif($Setting->title == 'financial_year')
                                <div class="col-lg-12 mb-4">
                                    <div class="card bg-white text-white shadow mb-2">
                                        <div class="card-body">
                                            <div class="row no-gutters align-items-center">
                                                <div class="col mr-2">
                                                    <div class="text-md text-dark font-weight-bold text-uppercase">
                                                        {{ __('lng.FinancialYear') }} - (<span
                                                            id="ChagededChangeFinancialYear">{{ $Setting->value }}</span>)</div>
                                                </div>
                                                <div class="col-auto">
                                                    <form class="form-inline">
                                                        <input class="form-control mr-sm-2" id="FinancialYear" type="date"
                                                            value="{{ $Setting->value }}" aria-label="Search">
                                                        <button class="btn btn-outline-success my-2 my-sm-0" type="button"
                                                            onclick="ChangeFinancialYear({{ $Setting->id }})">{{ __('lng.Update') }}</button>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @elseif($Setting->title == 'Subscription_month')
                                <div class="col-lg-12 mb-4">
                                    <div class="card bg-white text-white shadow mb-2">
                                        <div class="card-body">
                                            @php
                                                $Month = date('Y-m', strtotime($Setting->value));
                                            @endphp
                                            <div class="row no-gutters align-items-center">
                                                <div class="col mr-2">
                                                    <div class="text-md text-dark font-weight-bold text-uppercase">
                                                        {{ __('lng.SubscriptionMonth') }} - (<span
                                                            id="ChagededSubscriptionMonth">{{ $Month }} </span> )</div>
                                                </div>
                                                <div class="col-auto">
                                                    <form class="form-inline">
                                                        <input class="form-control mr-sm-2" id="SubscriptionMonth" type="month"
                                                            min="{{ $Month }}" value="{{ $Month }}"
                                                            aria-label="Search">
                                                        <button class="btn btn-outline-success my-2 my-sm-0" type="button"
                                                            onclick="ChangeSubscriptionMonth({{ $Setting->id }})">{{ __('lng.Update') }}</button>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @elseif($Setting->title == 'student_batch_year')
                                <div class="col-lg-12 mb-4">
                                    <div class="card bg-white text-white shadow mb-2">
                                        <div class="card-body">
                                            <div class="row no-gutters align-items-center">
                                                <div class="col mr-2">
                                                    <div class="text-md text-dark font-weight-bold text-uppercase">
                                                        {{ __('lng.StudentBatchYear') }} - (<span
                                                            id="BatchYearChange">{{ $Setting->value }}</span>)</div>
                                                </div>
                                                <div class="col-auto">
                                                    <form class="form-inline">
                                                        <input type="text" class="form-control mr-2" id="batch_year"
                                                            name="batch_year" value="{{ $Setting->value }}">
                                                        <button class="btn btn-outline-success my-2 my-sm-0" type="button"
                                                            onclick="BatchYearChange({{ $Setting->id }})">{{ __('lng.Update') }}</button>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @else
                                <div class="col-lg-6 mb-4">
                                    <div class="card bg-white text-white shadow mb-2">
                                        <div class="card-body">
                                            <div class="row no-gutters align-items-center">
                                                <div class="col mr-2">
                                                    <div class="text-md text-dark font-weight-bold text-uppercase">
                                                        @switch($Setting->title)
                                                            @case('IsShowAbout')
                                                                Show About
                                                            @break

                                                            @case('IsShowProduct')
                                                                Show Product
                                                            @break

                                                            @case('IsShowSplash')
                                                                Show Splash
                                                            @break

                                                            @case('IsShowService')
                                                                Show Service
                                                            @break
                                                        @endswitch
                                                    </div>
                                                </div>
                                                <div class="col-auto">
                                                    <label class="switch">
                                                        <form action="">
                                                            <input type="checkbox" onclick="SelectOption({{ $Setting->id }})"
                                                                @if ($Setting->value) checked @endif>
                                                            <span class="slider round"></span>
                                                        </form>
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endif
                        @break

                        {{-- SETTINGS GENERAL END --}}

                        {{-- SETTINGS PRODUCT START --}}

                        @case('Product')
                            <div class="col-lg-6 mb-4">
                                <div class="card bg-white text-white shadow mb-2">
                                    <div class="card-body">
                                        <div class="row no-gutters align-items-center">
                                            <div class="col mr-2">
                                                <div class="text-md text-dark font-weight-bold text-uppercase">
                                                    @switch($Setting->title)
                                                        @case('Product_IsShowActualPrice')
                                                            Show Product MRP
                                                        @break

                                                        @case('Product_IsShowAmount')
                                                            Show Product Amount
                                                        @break

                                                        @case('IsShowAbout')
                                                            Show About
                                                        @break

                                                        @case('Product_IsShowOffer')
                                                            Show Product Offer
                                                        @break

                                                        {{-- @default --}}
                                                    @endswitch
                                                </div>
                                            </div>
                                            <div class="col-auto">
                                                <label class="switch">
                                                    <form action="">
                                                        <input type="checkbox" onclick="SelectOption({{ $Setting->id }})"
                                                            @if ($Setting->value) checked @endif>
                                                        <span class="slider round"></span>
                                                    </form>
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @break

                        {{-- SETTINGS PRODUCT END --}}

                        {{-- SETTINGS SERVICE START --}}
                        @case('Service')
                            <div class="col-lg-6 mb-4">
                                <div class="card bg-white text-white shadow mb-2">
                                    <div class="card-body">
                                        <div class="row no-gutters align-items-center">
                                            <div class="col mr-2">
                                                <div class="text-md text-dark font-weight-bold text-uppercase">
                                                    @switch($Setting->title)
                                                        @case('Service_IsShowOffer')
                                                            Show Product Offer
                                                        @break

                                                        @case('Service_IsShowActualPric')
                                                            Show Product Price
                                                        @break

                                                        @case('IsShowAbout')
                                                            Show About
                                                        @break

                                                        @case('Service_IsShowAmount')
                                                            Show Product Amount
                                                        @break

                                                        @default
                                                    @endswitch
                                                </div>
                                            </div>
                                            <div class="col-auto">
                                                <label class="switch">
                                                    <form action="">
                                                        <input type="checkbox" onclick="SelectOption({{ $Setting->id }})"
                                                            @if ($Setting->value) checked @endif>
                                                        <span class="slider round"></span>
                                                    </form>
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @break

                        {{-- SETTINGS SERVICE END --}}

                        {{-- SETTINGS LOAN START --}}
                        @case('Loan')
                            @if ($Setting->title == 'IsInterestFreeLoanRegister')
                                <div class="col-lg-12 mb-4">
                                    <div class="card bg-white text-white shadow mb-2">
                                        <div class="card-body">
                                            <div class="row no-gutters align-items-center">
                                                <div class="col mr-2">
                                                    <div class="text-md text-dark font-weight-bold text-uppercase">
                                                        {{ __('lng.InterestFreeLoanRegister') }}
                                                    </div>
                                                </div>
                                                <div class="col-auto">
                                                    <label class="switch">
                                                        <form action="">
                                                            <input type="checkbox" onclick="SelectOption({{ $Setting->id }})"
                                                                @if ($Setting->value) checked @endif>
                                                            <span class="slider round"></span>
                                                        </form>
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @elseif ($Setting->title == 'RegisterFee')
                                <div class="col-lg-12 mb-4">
                                    <div class="card bg-white text-white shadow mb-2">
                                        <div class="card-body">
                                            <div class="row no-gutters align-items-center">
                                                <div class="col mr-2">
                                                    <div class="text-md text-dark font-weight-bold text-uppercase">
                                                        {{ $Setting->title }} </div>
                                                </div>
                                                <div class="col-auto">
                                                    <form class="form-inline">
                                                        <input class="form-control mr-sm-2" id="RegisterFee" type="search"
                                                            value="{{ $Setting->value }}" aria-label="Search">
                                                        <button class="btn btn-outline-success my-2 my-sm-0" type="button"
                                                            onclick="ChangeFee({{ $Setting->id }},document.getElementById('RegisterFee').value)">{{ __('lng.Update') }}</button>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @elseif($Setting->title == 'RenewalFee')
                                <div class="col-lg-12 mb-4">
                                    <div class="card bg-white text-white shadow mb-2">
                                        <div class="card-body">
                                            <div class="row no-gutters align-items-center">
                                                <div class="col mr-2">
                                                    <div class="text-md text-dark font-weight-bold text-uppercase">
                                                        {{ $Setting->title }}</div>
                                                </div>
                                                <div class="col-auto">
                                                    <form class="form-inline">
                                                        <input class="form-control mr-sm-2" id="RenewalFee" type="search"
                                                            value="{{ $Setting->value }}" aria-label="Search">
                                                        <button class="btn btn-outline-success my-2 my-sm-0" type="button"
                                                            onclick="ChangeFee({{ $Setting->id }},document.getElementById('RenewalFee').value)">{{ __('lng.Update') }}</button>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endif
                        @break

                        {{-- SETTINGS LOAN END --}}

                        {{-- SETTINGS APP SERVIES START --}}
                        
                        @case('Appservice')
                        <div class="col-lg-6 mb-4">
                            <div class="card bg-white text-white shadow mb-2">
                                <div class="card-body">
                                    <div class="row no-gutters align-items-center">
                                        <div class="col mr-2">
                                            <div class="text-md text-dark font-weight-bold text-uppercase">
                                                @switch($Setting->title)
                                                    @case('IsShowSalahTime')
                                                    {{ __('lng.salah_time') }}
                                                    @break
                                                @endswitch
                                            </div>
                                        </div>
                                        <div class="col-auto">
                                            <label class="switch">
                                                <form action="">
                                                    <input type="checkbox" onclick="SelectOption({{ $Setting->id }})"
                                                        @if ($Setting->value) checked @endif>
                                                    <span class="slider round"></span>
                                                </form>
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @break

                        {{-- SETTINGS APP SERVIES END --}}

                        {{-- SETTINGS APP SERVIES START --}}
                        
                        @case('House')
                        <div class="col-lg-6 mb-4">
                            <div class="card bg-white text-white shadow mb-2">
                                <div class="card-body">
                                    <div class="row no-gutters align-items-center">
                                        <div class="col mr-2">
                                            <div class="text-md text-dark font-weight-bold text-uppercase">
                                                @switch($Setting->title)
                                                    @case('reference')
                                                    {{ __('lng.Reference') }}
                                                    @break
                                                    @case('author_relation')
                                                    {{ __('lng.AuthorRelation') }}
                                                    @break
                                                @endswitch
                                            </div>
                                        </div>
                                        <div class="col-auto">
                                            <label class="switch">
                                                <form action="">
                                                    <input type="checkbox" onclick="SelectOption({{ $Setting->id }})"
                                                        @if ($Setting->value) checked @endif>
                                                    <span class="slider round"></span>
                                                </form>
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @break

                        {{-- SETTINGS APP SERVIES END --}}

                        {{-- SETTINGS PAYMENT START --}}

                        @case('Payment')
                            <div class="col-lg-6 mb-4">
                                <div class="card bg-white text-white shadow mb-2">
                                    <div class="card-body">
                                        <div class="row no-gutters align-items-center">
                                            <div class="col mr-2">
                                                <div class="text-md text-dark font-weight-bold text-uppercase">
                                                    @switch($Setting->title)
                                                        @case('area_ward')
                                                        {{ __('lng.Area/Ward') }} - ( {{ __('lng.Receipt') }} )
                                                        @break
                                                        @case('relative_name')
                                                        {{ __('lng.RelativeName') }} - ( {{ __('lng.Receipt') }} )
                                                        @break
                                                    @endswitch
                                                </div>
                                            </div>
                                            <div class="col-auto">
                                                <label class="switch">
                                                    <form action="">
                                                        <input type="checkbox" onclick="SelectOption({{ $Setting->id }})"
                                                            @if ($Setting->value) checked @endif>
                                                        <span class="slider round"></span>
                                                    </form>
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @break

                        {{-- SETTINGS PAYMENT END --}}




                    @endswitch
                @endforeach
            </div>
    </div>
    <script>
        function SelectOption(ID) {

            $.ajax({
                url: '{{ route('SettingsValuesChange') }}',
                method: "get",
                data: {
                    _token: '{{ csrf_token() }}',
                    ID: ID
                },
                success: function(response) {
                    // alert(response);
                    // document.getElementById('result-tbl').innerHTML=response; 
                }
            });

        }

        function ChangeFee(ID, value) {
            $.ajax({
                url: '{{ route('SettingsChangeFee') }}',
                method: "get",
                data: {
                    _token: '{{ csrf_token() }}',
                    ID: ID,
                    value: value
                },
                success: function(response) {
                    // alert(response);
                    $('#liveToast').toast('show')
                    // document.getElementById('ChagededValue').innerHTML=response; 
                }
            });
        }

        function AddPagination(ID) {

            var value = document.getElementById('PaginationValue').value;

            $.ajax({
                url: '{{ route('AddPagination') }}',
                method: "get",
                data: {
                    _token: '{{ csrf_token() }}',
                    ID: ID,
                    value: value
                },
                success: function(response) {
                    // alert(response);
                    $('#liveToast').toast('show')
                    document.getElementById('ChagededValue').innerHTML = response;
                }
            });
        }

        function ChangeFinancialYear(ID) {

            var value = document.getElementById('FinancialYear').value;

            $.ajax({
                url: '{{ route('ChangeFinancialYear') }}',
                method: "get",
                data: {
                    _token: '{{ csrf_token() }}',
                    ID: ID,
                    value: value
                },
                success: function(response) {
                    // alert(response);
                    $('#liveToast').toast('show')
                    document.getElementById('ChagededChangeFinancialYear').innerHTML = response;
                }
            });
        }

        function ChangeSubscriptionMonth(ID) {

            var value = document.getElementById('SubscriptionMonth').value;

            $.ajax({
                url: '{{ route('ChangeSubscriptionMonth') }}',
                method: "get",
                data: {
                    _token: '{{ csrf_token() }}',
                    ID: ID,
                    value: value
                },
                success: function(response) {
                    // alert(response);
                    $('#liveToast').toast('show')
                    document.getElementById('SubscriptionMonth').min = response;
                    document.getElementById('ChagededSubscriptionMonth').innerHTML = response;
                }
            });
        }

        function BatchYearChange(ID) {

            var value = document.getElementById('batch_year').value;

            $.ajax({
                url: '{{ route('BatchYearChange') }}',
                method: "get",
                data: {
                    _token: '{{ csrf_token() }}',
                    ID: ID,
                    value: value
                },
                success: function(response) {
                    // alert(response);
                    $('#liveToast').toast('show')
                    document.getElementById('BatchYearChange').innerHTML = response;
                }
            });
        }
    </script>
@endsection