@csrf
<div class="card-body">
    <div class="form-row">
        <div class="row">
            <div class="form-group col-md-6">
                <label for="match_event_id">@lang('messages.flash_ticket.title_1')</label>
                <select class="form-control" name="match_event_id" value="{{ $event->match_event_id ?? old('match_event_id') }}">
                    <option value="0" {{ isset($event) ? '' : 'selected' }}>
                        @lang('messages.select')
                    </option>
                    @foreach ($matchEvents as $matchEvent)
                    <option value="{{ $matchEvent->id }}" {{ isset($event) && $event->match_event_id === $matchEvent->id ? 'selected' : '' }}>
                        {{ $matchEvent->name }}
                    </option>
                    @endforeach
                </select>
            </div>
            <div class="form-group col-md-6">
                <label for="zone_id">@lang('messages.flash_ticket.title_2')</label>
                <select class="form-control" name="zone_id" value="{{ $event->zone_id ?? old('zone_id') }}" required>
                    <option value="0" {{ isset($event) ? '' : 'selected' }}>
                        @lang('messages.select')
                    </option>
                    @foreach ($tribunes as $tribune)
                    <option value="{{ $tribune->id }}" {{ isset($event) && $event->zone_id === $tribune->id ? 'selected' : '' }}>
                        {{ $tribune->stadium }} - {{ $tribune->name }} ({{ $tribune->salable_capacity }} Max. Capacidad)
                    </option>
                    @endforeach
                </select>
            </div>
        </div>
        <div class="row">
            <div class="form-group col-md-6">
                <label for="salable_capacity" class="ul-form__label">@lang('messages.flash_ticket.title_4')</label>
                <input type="number" class="form-control" id="salable_capacity" name="salable_capacity" placeholder="" value="{{ $event->salable_capacity ?? old('salable_capacity') }}" required>
            </div>
            <div class="form-group col-md-3">
                <label for="maximum_number_ballots" class="ul-form__label">@lang('messages.flash_ticket.title_5')</label>
                <input type="number" class="form-control" id="maximum_number_ballots" name="maximum_number_ballots" placeholder="" value="{{ $event->maximum_number_ballots ?? old('maximum_number_ballots') }}" required>
            </div>
            <div class="form-group col-md-3">
                <label for="maximum_user_ticket_sales_box_office" class="ul-form__label">@lang('messages.flash_ticket.maximum_user_ticket_sales_box_office')</label>
                <input type="number" class="form-control" id="maximum_user_ticket_sales_box_office" name="maximum_user_ticket_sales_box_office" placeholder="" value="{{ $event->maximum_user_ticket_sales_box_office ?? old('maximum_user_ticket_sales_box_office') }}" required>
            </div>
        </div>
        <div class="row">
            <div class="form-group col-md-6">
                <label for="price" class="ul-form__label">@lang('messages.flash_ticket.title_3')</label>
                <input type="number" class="form-control" id="price" name="price" placeholder="" value="{{ $event->price ?? old('price') }}" required>
            </div>
            <div class="form-group col-md-6">
                <label for="web_price" class="ul-form__label">@lang('messages.flash_ticket.title_8') @lang('messages.optional')</label>
                <input type="number" class="form-control" id="web_price" name="web_price" placeholder="" value="{{ $event->web_price ?? old('web_price') }}">
            </div>
        </div>
        <div class="row">
            <div class="form-group col-md-6">
                <label for="special_price" class="ul-form__label">@lang('messages.flash_ticket.title_9') @lang('messages.optional')</label>
                <input type="number" class="form-control" id="special_price" name="special_price" placeholder="" value="{{ $event->special_price ?? old('special_price') }}" {{ isset($event) && $event->apply_coupon_type === 'special_price' ? 'required' : '' }}>
            </div>
            <div class="form-group col-md-6">
                <label for="courtesy_price" class="ul-form__label">@lang('messages.flash_ticket.title_10') @lang('messages.optional')</label>
                <input type="number" class="form-control" id="courtesy_price" name="courtesy_price" placeholder="" value="{{ $event->courtesy_price ?? old('courtesy_price') }}">
            </div>
        </div>
        <div class="row">
            <div class="col-6 col-md-6">
                <div class="form-group">
                    <label for="link">{{ Lang::get('messages.flash_ticket.segmentation') }}
                        {{ Lang::get('messages.optional') }}</label>
                    @include('layouts.multiselect', ['selected' => isset($multiselectValues) ? $multiselectValues : [],])
                </div>
            </div>
            <div class="col-6 col-md-6">
                <div class="form-group">
                    <label for="class" class="ul-form__label">@lang('messages.flash_ticket.show_in')</label>
                    <select class="form-control" name="show_in" required>
                        @foreach ($types as $type)
                        @if (isset($event) && $type->value == $event->show_in)
                        <option value="{{ $type->value }}" selected="selected">{{ $type->name }}</option>
                        @else
                        <option value="{{ $type->value }}">{{ $type->name }}</option>
                        @endif
                        @endforeach
                    </select>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="form-group col-md-6">
                <label for="image">@lang('messages.flash_ticket.title_17') @lang('messages.optional')</label>
                <input type="file" id="image" name="image">
            </div>
            <div class="col-6 col-md-6">
                <label for="show_image">{{ Lang::get('messages.flash_ticket.show_image') }}
                    {{ Lang::get('messages.optional') }}</label>
                <select class="form-control" id="show_image" name="show_image" value="{{ isset($event) && $event->show_image ?? old('show_image') }}">
                    <option value="1" {{ isset($event) && $event->show_image ? 'selected' : '' }}>
                        @lang('messages.yes')
                    </option>
                    <option value="0" {{ !isset($event) || (isset($event) && !$event->show_image) ? 'selected' : '' }}>
                        @lang('messages.no')
                    </option>
                </select>
            </div>
        </div>

        <div class="row">
            <div class="form-group col-md-6">
                <label for="description">@lang('messages.flash_ticket.title_18') @lang('messages.optional')</label>
                <textarea type="text" class="form-control" rows="5" name="description">{{ $event->description ?? old('description') }}</textarea>
            </div>
            <div class="col-6 col-md-6">
                <div class="form-group">
                    <label for="class" class="ul-form__label">@lang('messages.flash_ticket.apply_cupon_type') @lang('messages.optional')</label>
                    <select class="form-control" name="typesAplicationCupon" id="typesAplicationCupon" required>
                        @foreach ($typesAplicationCupon as $typesAplicationCupon)
                        @if (isset($event) && $typesAplicationCupon->value == $event->apply_coupon_type)
                        <option value="{{ $typesAplicationCupon->value }}" selected="selected">
                            {{ $typesAplicationCupon->name }}
                        </option>
                        @else
                        <option value="{{ $typesAplicationCupon->value }}">{{ $typesAplicationCupon->name }}
                        </option>
                        @endif
                        @endforeach
                    </select>
                </div>
            </div>
        </div>
        <div class="row" id="couponRow" style="display: none;">
            <div class="form-group col-md-6">
                <label for="coupon">@lang('messages.flash_ticket.coupon')</label>
                <i class="fa fa-question-circle-o text-black" style="cursor: pointer;" data-toggle="tooltip" data-placement="top" title="{{ __('messages.flash_ticket.help_message') }}"></i>
                <textarea id="coupon-input" type="text" class="form-control" rows="5" name="coupon" required>{{ $event->coupon ?? old('coupon') }}</textarea>
            </div>
        </div>
    </div>
</div>
<script src="{{ asset('js/jQuery/jquery-2.2.3.min.js') }}"></script>
<script src="{{ asset('js/flash_ticket.js') . '?v=' . time() }}"></script>
<script src="{{ asset('js/bootstrap/js/bootstrap.min.js') }}"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('.select2').select2();

        $("#options").select2({
            language: "es",
            selectOnClose: false,
            tags: true,
            tokenSeparators: [","],
        });
    });
    document.getElementById("coupon-input").addEventListener("input", function(event) {
        var currentValue = this.value;
        var newValue = currentValue.replace(/\s/g, "");
        this.value = newValue;
    });
    document.addEventListener('DOMContentLoaded', function() {
        var selectedValue = document.getElementById('typesAplicationCupon').value;
        var couponInput = document.getElementById('coupon-input');

        if (selectedValue !== 'none' && couponInput.value.trim() !== '') {
            document.getElementById('couponRow').style.display = 'block';
            couponInput.setAttribute('required', 'required');
        } else {
            document.getElementById('couponRow').style.display = 'none';
            couponInput.removeAttribute('required');
            couponInput.value = '';
        }

        document.getElementById('typesAplicationCupon').addEventListener('change', function() {
            var selectedValue = this.value;
            var couponInput = document.getElementById('coupon-input');
            var specialPriceInput = document.getElementById('special_price');
            if (selectedValue !== 'none') {
                document.getElementById('couponRow').style.display = 'block';
                couponInput.setAttribute('required', 'required');
            } else {
                document.getElementById('couponRow').style.display = 'none';
                couponInput.removeAttribute('required');
                couponInput.value = '';
            }
            if (selectedValue === 'special_price') {
                specialPriceInput.setAttribute('required', true);
            } else {
                specialPriceInput.removeAttribute('required');
                specialPriceInput.value = '';
            }
        });
    });
</script>