@csrf
<link rel="stylesheet" href="/css/ticket/tournament/tournament.css">
<div class="card-body">
    <div class="form-row">
        <div class="form-group col-md-12">
            <label for="team_id">@lang('messages.events.title_7')</label>
            <select class="form-control" id="team_id" name="team_id" value="{{ $event->team_id ?? old('team_id') }}">
                <option value="0" disabled {{ isset($event) ? '' : 'selected' }}>
                    @lang('messages.select')
                </option>
                @foreach ($teams as $team)
                    <option value="{{ $team->id }}"
                        {{ isset($event) && $event->team_id == $team->id ? 'selected' : '' }}>
                        {{ $team->name }}
                    </option>
                @endforeach
            </select>
        </div>
        <div class="form-group col-md-12">
            <label for="name" class="ul-form__label">@lang('messages.events.title_3'):</label>
            <input type="text" class="form-control" id="name" name="name" placeholder=""
                value="{{ $event->name ?? old('name') }}" required>
        </div>
        <div class="form-group col-md-12">
            <label for="date_name" class="ul-form__label">@lang('messages.events.title_19'):</label>
            <input type="text" class="form-control" id="date_name" name="date_name"
                placeholder="Ej: Fecha 13, Semifinales..." value="{{ $event->date_name ?? old('date_name') }}" required>
        </div>
        <div class="form-group col-md-6">
            <label for="event_start" class="ul-form__label">@lang('messages.events.title_5'):</label>
            <input type="datetime-local" class="form-control" id="event_start" name="event_start" placeholder=""
                value="{{ isset($event) ? str_replace(' ', 'T', $event->event_start) : old('event_start') }}" required>
        </div>
        <div class="form-group col-md-6">
            <label for="door_opening_time" class="ul-form__label">@lang('messages.events.door_opening_time'):</label>
            <input type="time" class="form-control" id="door_opening_time" name="door_opening_time"
                value="{{ isset($event) ? \Carbon\Carbon::parse($event->door_opening_time)->format('H:i') : old('door_opening_time') }}"
                required>
        </div>
        <div class="form-group col-md-6">
            <label for="event_start_sale" class="ul-form__label">@lang('messages.events.title_17'):</label>
            <input type="datetime-local" class="form-control" id="event_start_sale" name="event_start_sale"
                placeholder=""
                value="{{ isset($event) ? str_replace(' ', 'T', $event->event_start_sale) : old('event_start_sale') }}"
                required>
        </div>
        <div class="form-group col-md-6">
            <label for="event_end_sale" class="ul-form__label">@lang('messages.events.title_18'):</label>
            <input type="datetime-local" class="form-control" id="event_end_sale" name="event_end_sale" placeholder=""
                value="{{ isset($event) ? str_replace(' ', 'T', $event->event_end_sale) : old('event_end_sale') }}"
                required>
        </div>
        <div class="form-group col-md-12">
            <label for="sales_type">{{ Lang::get('messages.events.sales_type') }}</label>
            <select class="form-control" name="sales_type" id="sales_type">
                <option value="0" disabled {{ isset($event) ? '' : 'selected' }}>
                    @lang('messages.select')
                </option>
                <@foreach ($salesTypes as $type)
                    @if (isset($event) && $type->value == $event->sales_type)
                        <option value="{{ $type->value }}" selected="selected">{{ $type->name }}
                        </option>
                    @else
                        <option value="{{ $type->value }}">{{ $type->name }}</option>
                    @endif
                    @endforeach
            </select>
        </div>
        <div class="form-group col-md-12">
            <label for="stadium" class="ul-form__label">@lang('messages.events.title_28'):</label>
            <select class="form-control" name="stadium" id="stadium">
                <option value="0" disabled {{ isset($event) && $event->zone_id ? '' : 'selected' }}>
                    @lang('messages.select')
                </option>
                <@foreach ($stadiums as $stadium)
                    @if (isset($event) && $stadium->id == $event->zone_id)
                        <option value="{{ $stadium->id }}" selected="selected">{{ $stadium->name }}
                        </option>
                    @else
                        <option value="{{ $stadium->id }}">{{ $stadium->name }}</option>
                    @endif
                    @endforeach
            </select>
        </div>
        <div class="form-group col-md-12">
            <label for="active">@lang('messages.events.title_14')</label>
            <select class="form-control" id="active" name="active" value="{{ $event->active ?? old('active') }}">
                <option value="1" {{ isset($event) && $event->active ? 'selected' : '' }}>
                    @lang('messages.active')
                </option>
                <option value="0" {{ isset($event) && !$event->active ? 'selected' : '' }}>
                    @lang('messages.inactive')
                </option>
            </select>
        </div>
        <div class="form-group col-12 col-md-12">
            <div class="form-group">
                <label for="link">{{ Lang::get('messages.events.title_30') }}</label>
                @include('layouts.multiselect')
            </div>
        </div>
        @if (!isset($event) || !$event->image)
            <div class="col-12 col-md-12">
                <label for="image">{{ Lang::get('messages.tournaments.banner') }}</label>
                <br>
                <label class="custom-file-upload">
                    @lang('messages.tournaments.upload_image')
                    <input type="file" id="image" name="ticket_background" accept=".png, .jpg, .jpeg" />
                </label>
                <span class="file-name" id="file-name"> @lang('messages.tournaments.no_selected_image')</span>
                <p class="text-muted">@lang('messages.tournaments.image_allowed_formats')</p>
            </div>
        @else
            <div class="col-12 col-md-12">
                <label for="ticket_background">{{ Lang::get('messages.tournaments.banner') }} </label>
                <br>
                <span class="banner-image-name">
                    <a href="{{ $event->image }}" target="_blank">{{ $event->image }}</a>
                </span>
                <i class="fa fa-trash iconMini"
                    onClick="deleteImages({{ $event->id }}, '/events/image', '{{ '/season/' . $event->season_id . '/event/' . $event->id . '/edit' }}')"
                    title="Eliminar imágen"></i>
            </div>
        @endif
    </div>
</div>
<script src="{{ asset('js/crud.js') . '?v=' . time() }}"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('.select2').select2();
        var stadiums = <?php echo json_encode($stadiums); ?>;
        if (stadiums.length == 1) {
            $('#stadium').val(stadiums[0].id);
        }
    });
</script>