@extends('layouts.app')

@section('content')

<div class="container">
    <div class="card">
        <div class="card-header">
            <h4>@lang('lang_v1.add_smart_discounts')</h4>
        </div>
        <div class="card-body">
            {!! Form::open(['url' => action([\App\Http\Controllers\DiscountController::class, 'store_smart_discount']), 'method' => 'POST', 'id' => 'discount_form']) !!}
             @csrf
            <div class="row">
                <div class="col-md-12">
                    <div class="form-group">
                        {!! Form::label('name', __('sale.discount_name') . ':') !!}
                        {!! Form::text('name', null, ['class' => 'form-control', 'required', 'placeholder' => __('sale.discount_name')]); !!}
                    </div>
                </div>
                <div class="col-md-6">
         
                <div class="form-group">
                    {!! Form::label('start_date', __('sale.discount_start_date') . ':*') !!}
                    <div class="input-group">
                        <span class="input-group-addon">
                            <i class="fa fa-calendar"></i>
                        </span>
                        {!! Form::text('start_date', $default_datetime, ['class' => 'form-control datetimepicker', 'required']); !!}
                    </div>
                </div>
                </div>
               
                <div class="col-md-6">
                <div class="form-group">
                    {!! Form::label('end_date', __('sale.discount_end_date') . ':*') !!}
                    <div class="input-group">
                        <span class="input-group-addon">
                            <i class="fa fa-calendar"></i>
                        </span>
                        {!! Form::text('end_date', $default_datetime, ['class' => 'form-control datetimepicker', 'required']); !!}
                    </div>
                </div>
                </div>
            	
                <div class="col-md-6">
                    <div class="form-group">
                        {!! Form::label('business_id', __('sale.business_location') . ':') !!}
                        {!! Form::select('business_id[]', $locations, null, ['class' => 'form-control select2', 'required', 'multiple']); !!}
                    </div>
                </div>
              <div class="col-md-6">
                <div class="form-group">
                    {!! Form::label('user_id', __('sale.user') . ':') !!}
                    {!! Form::select('user_id[]', $users->mapWithKeys(function ($user) {
                        // عرض "الكل" للمستخدم صفر، والأسماء الطبيعية للباقي
                        return [$user->id => $user->id == 0 ? __('lang_v1.all_users') : $user->first_name . ' ' . $user->last_name];
                    }), null, [
                        'class' => 'form-control select2',
                        'required',
                        'multiple',
                        'id' => 'user_id_select'
                    ]) !!}
                </div>
            </div>
                  <div class="col-md-6" id="customer_field">
                    <div class="form-group">
                        {!! Form::label('contact_id', __('sale.contact') . ':') !!}
                        {!! Form::select('contact_id[]', $contacts, null, ['class' => 'form-control select2', 'multiple' , 'id' => 'contact_id' ]); !!}
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="form-group">
                        {!! Form::label('type_smart_root_discount_id', __('sale.discount_type') . ':') !!}
                        {!! Form::select('type_smart_root_discount_id', $discountTypes->pluck('name', 'id'), null, ['class' => 'form-control', 'required', 'placeholder' => __('sale.discount_type') , 'id' => 'type_smart_root_discount_id']); !!}
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="form-group">
                        <button type="button" class="btn btn-sm btn-primary" id="addFields">+</button>
                        <div id="additionalFields"></div>
                    </div>
                </div>
            </div>

            <div class="form-group">
                <button type="submit" class="btn btn-primary">@lang('messages.save')</button>
            </div>

            {!! Form::close() !!}
        </div>
    </div>
</div>
@stop
<style>

    /* Styling for the description box */
.description-box {
    background-color: #f8f9fa; /* Light gray background */
    border: 1px solid #ced4da; /* Subtle border */
    border-radius: 5px; /* Rounded corners */
    padding: 10px; /* Spacing inside the box */
    min-height: 60px; /* Minimum height for consistency */
    display: flex; /* Align content properly */
    align-items: center; /* Vertically center the text */
    justify-content: flex-start; /* Align text to the left */
}


/* Styling for the description text */
.description-text {
    font-size: 14px; /* Font size */
    color: #495057; /* Dark gray text color */
    margin: 0; /* Remove default paragraph margin */
    line-height: 1.4; /* Improve readability */
}

/* Styling for dynamic values */
.dynamic-invoice-amount,
.dynamic-discount-amount {
    font-weight: bold; /* Highlight dynamic values */
    color: #007bff; /* Blue color for emphasis */
}
/* Styling for Condition and Result containers */
.condition-container,
.result-container {
    border: 2px solid #ced4da; /* Light gray border */
    border-radius: 8px; /* Rounded corners */
    padding: 15px; /* Padding inside the container */
    margin-bottom: 15px; /* Space between containers */
    background-color: #f8f9fa; /* Light background color */
}

/* Header styling for Condition and Result */
.condition-header,
.result-header {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #343a40; /* Dark text color */
}


</style>
@section('javascript')
<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>

<script>
$(document).ready(function() {

    $('#customer_field').hide();
      $('#type_smart_root_discount_id').on('change', function() {
        const selectedType = $(this).val();
        if (selectedType == 1) {
            $('#customer_field').show();
        } else {
            $('#customer_field').hide();
            // إفراغ الاختيارات إذا كان النوع غير 1
            $('#contact_id').val(null).trigger('change');
        }
    });
      const initialType = $('#type_smart_root_discount_id').val();
    if (initialType == 1) {
        $('#customer_field').show();
    }


    let fieldIndex = 0;
    let debounceTimeout;
  
 
    $('#addFields').on('click', function() {
        console.log('Add Fields button clicked');

    
        let selectedDiscountType = $('#type_smart_root_discount_id').val();
        let fieldGroupId = 'fieldGroup_' + fieldIndex;
        let fields = '';

        if (selectedDiscountType == 1) {
          
            fields = `
                <div class="form-group" id="${fieldGroupId}">
                <div class="row">
                    <div class="col-md-4">
                        {!! Form::label('', __('sale.invoice_amount')) !!}
                        {!! Form::text("invoice_amount[]", @num_format(0), [
                            'class' => 'form-control invoice-amount input_number', 
                            'required',
                        ]) !!}
                    </div>
                    <div class="col-md-4">
                        {!! Form::label('', __('sale.discount_amount')) !!}
                        {!! Form::text("discount_amount[]", @num_format(0), [
                            'class' => 'form-control discount-amount input_number', 
                            'required',
                        ]) !!}
                    </div>
                    <div class="col-md-4">
                        <label>${"<br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function __() in /home/rooti/public_html/x.rooti.dev/resources/views/smart_root_discount/create.blade.php:199
Stack trace:
#0 {main}
  thrown in <b>/home/rooti/public_html/x.rooti.dev/resources/views/smart_root_discount/create.blade.php</b> on line <b>199</b><br />