@extends('admin.layouts.app')
@section('title', \App\Helpers\TranslationHelper::translate('Active OTP and Sale Setting'))

@section('crumb')
    <x-bread-crumb :breadcrumbs="[['text' => \App\Helpers\TranslationHelper::translate('Active OTP and Sale Setting')]]" :button="[]" :title="\App\Helpers\TranslationHelper::translate('OTP Setting')">
    </x-bread-crumb>
@endsection

@push('admin_css')

<style>
    .card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card:hover {
    /* transform: scale(1.02); */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}
</style>

@endpush

@section('content')

    <div class="card shadow-sm mb-5" style=" background-color: rgb(164, 34, 73); color: #fff;">
    <div class="card-header">
        <h3 class="card-title text-white">
            {{ \App\Helpers\TranslationHelper::translate('System Settings') }}
        </h3>
    </div>

    <div class="card-body">
        {{-- ✅ Active OTP --}}
        <div class="d-flex justify-content-between align-items-center border-bottom py-3">
            <span class="fw-bold">
                {{ \App\Helpers\TranslationHelper::translate('Active OTP and Sale Setting') }}
            </span>
            <form action="{{ route('admin.settings.otp.update') }}" method="POST">
                @csrf
                <label class="form-check form-switch form-check-custom form-check-solid mb-0">
                    <input name="enabled" class="form-check-input" type="checkbox"
                           onchange="this.form.submit()"
                           {{ $otpSetting->enabled ? 'checked' : '' }}>
                </label>
            </form>
        </div>

        {{-- ✅ Active Sell Stock --}}
        <div class="d-flex justify-content-between align-items-center py-3">
            <span class="fw-bold">
                {{ \App\Helpers\TranslationHelper::translate('Active Sell Stock Settings') }}
            </span>
            <form action="{{ route('admin.purchases.toggleSale') }}" method="POST">
                @csrf
                <label class="form-check form-switch form-check-custom form-check-solid mb-0">
                    <input name="is_active_sale" class="form-check-input" type="checkbox"
                           onchange="this.form.submit()"
                           {{ $activeSaleSetting->is_active_sale ? 'checked' : '' }}>
                </label>
            </form>
        </div>
    </div>
</div>



@endsection

@push('admin_js')
<script src="https://cdn.amcharts.com/lib/5/index.js"></script>
<script src="https://cdn.amcharts.com/lib/5/xy.js"></script>
<script src="https://cdn.amcharts.com/lib/5/themes/Animated.js"></script>

@endpush