@extends('layouts.app')

@section('title', __('master::lang.master') . ' | ' . __('master::lang.add_pricing'))

@section('content')
@include('master::layouts.nav')

<section class="content">
    <div class="box box-solid">
        <div class="box-header">
            <h3 class="box-title">@lang('master::lang.add_new_pricing')</h3>
        </div>
        <div class="box-body">

            {{-- عرض رسائل النجاح --}}
            @if(session('success'))
                <div class="alert alert-success" style="margin-bottom:15px;">
                    {{ session('success') }}
                </div>
            @endif

            {{-- عرض رسائل الخطأ --}}
            @if(session('error'))
                <div class="alert alert-danger" style="margin-bottom:15px;">
                    {{ session('error') }}
                </div>
            @endif

            {{-- عرض رسائل التحقق من البيانات --}}
            @if ($errors->any())
                <div class="alert alert-danger" style="margin-bottom:15px;">
                    <ul style="margin:0; padding-left: 18px;">
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

            {!! Form::open([
                'url' => action([\Modules\Master\Http\Controllers\PricingController::class, 'store']),
                'method' => 'POST',
                'id' => 'create_pricing',
            ]) !!}

            {{-- اسم الخطة --}}
            <div class="col-md-6">
                <div class="form-group">
                    {!! Form::label('name', __('master::lang.pricing_name') . '*') !!}
                    {!! Form::text('name', null, [
                        'class' => 'form-control',
                        'required',
                        'placeholder' => __('master::lang.pricing_name'),
                    ]) !!}
                </div>
            </div>

            {{-- السعر الشهري لكل مستخدم --}}
            <div class="col-md-6">
                <div class="form-group">
                    {!! Form::label('monthly_price_per_user', __('master::lang.monthly_price_per_user') . '*') !!}
                    {!! Form::number('monthly_price_per_user', null, [
                        'class' => 'form-control',
                        'required',
                        'placeholder' => __('master::lang.monthly_price_per_user'),
                        'step' => '0.0001',
                        'min' => 0,
                    ]) !!}
                </div>
            </div>

            {{-- السعر السنوي لكل مستخدم --}}
            <div class="col-md-6">
                <div class="form-group">
                    {!! Form::label('yearly_price_per_user', __('master::lang.yearly_price_per_user') . '*') !!}
                    {!! Form::number('yearly_price_per_user', null, [
                        'class' => 'form-control',
                        'required',
                        'placeholder' => __('master::lang.yearly_price_per_user'),
                        'step' => '0.0001',
                        'min' => 0,
                    ]) !!}
                </div>
            </div>

            {{-- الوصف --}}
            <div class="col-md-6">
                <div class="form-group">
                    {!! Form::label('description', __('master::lang.description')) !!}
                    {!! Form::textarea('description', null, [
                        'class' => 'form-control',
                        'rows' => 3,
                        'placeholder' => __('master::lang.description'),
                    ]) !!}
                </div>
            </div>

            {{-- فترة السماح --}}
            <div class="col-md-6">
                <div class="form-group">
                    {!! Form::label('grace_period_days', __('master::lang.grace_period_days')) !!}
                    {!! Form::number('grace_period_days', 3, [
                        'class' => 'form-control',
                        'min' => 0,
                        'placeholder' => __('master::lang.grace_period_days_placeholder'),
                        'title' => 'عدد الأيام المسموح بها عند تجاوز الحد الأقصى للمستخدمين'
                    ]) !!}
                </div>
            </div>

            {{-- حالة التفعيل --}}
            <div class="col-md-6">
                <div class="checkbox">
                    <label>
                        {!! Form::checkbox('status', 'active', true, ['class' => 'input-icheck', 'id' => 'statusCheckbox']) !!}
                        {{ __('master::lang.is_active') }}
                    </label>
                </div>
            </div>

            {{-- زر الإرسال --}}
            <div class="col-md-12 text-center">
                {!! Form::submit(__('messages.submit'), ['class' => 'tw-dw-btn tw-dw-btn-success tw-text-white tw-dw-btn-lg']) !!}
            </div>

            {!! Form::close() !!}
        </div>
    </div>
</section>
@endsection

@section('javascript')
<script type="text/javascript">
$(document).ready(function() {
    $("form#create_pricing").validate();

    // تأكيد قبل إرسال النموذج إذا كانت الخطة مفعلة
    $('#create_pricing').on('submit', function(e) {
        const isActive = $('#statusCheckbox').is(':checked');
        if (isActive) {
            const confirmMsg = "تنبيه: سيتم إلغاء تفعيل كل الخطط النشطة السابقة إذا قمت بتفعيل هذه الخطة. هل تريد الاستمرار؟";
            if (!confirm(confirmMsg)) {
                e.preventDefault(); // إيقاف إرسال النموذج إذا ضغط المستخدم على إلغاء
            }
        }
    });
});
</script>
@endsection