@csrf
<div class="card-body">
    <div class="form-row">

        <div class="row">
            <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4"></div>
            <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
                @if($player && $player->image)
                <img class="media-object media-object-big" src="{{ config('filesystems.disks.s3.url') }}/players/{{$player->image}}" alt="{{$player->image}}">
                @endif
            </div>
            <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4"></div>
        </div>
        <input type="hidden" class="form-control" name="image" placeholder="" value="{{ $player->image ?? old('image') }}">

        <div class="form-group col-md-12">
            <label for="name" class="ul-form__label">@lang('messages.players.title_3'):</label>
            <input type="text" class="form-control" id="name" name="name" placeholder="Pepito Pérez" value="{{ $player->name ?? old('name') }}" required>
        </div>
        <div class="col-12 col-md-12">
            <div class="form-group">
                <label for="image">{{ Lang::get('messages.players.title_4')}} </label>
                <input type="file" id="image" name="image">
            </div>
        </div>
        <div class="form-group col-md-12">
            <label for="number" class="ul-form__label">@lang('messages.players.title_5'):</label>
            <input type="text" class="form-control" id="number" name="number" minlength="1" maxlength="3" placeholder="Dorsal (ej. 7 o DT)" value="{{ $player->number ?? old('number') }}"
                pattern="^[A-Za-z0-9]+$" title="Solo letras y números" required>
        </div>
        <div class="form-group col-md-12">
            <label for="age" class="ul-form__label">@lang('messages.players.title_6'):</label>
            <input type="number" class="form-control color-picker campoNumber" id="age" min="0" max="100" pattern="^[0-9]+" name="age" placeholder="21" value="{{ $player->age ?? old('age') }}" required>
        </div>
        <div class="form-group col-md-12">
            <label for="country_id" class="ul-form__label">@lang('messages.players.title_7'):</label>
            <select class="form-control" name="country_id" id="country_id" value="{{ $player->country_id ?? old('country_id') }}" required>
                <option value="" selected></option>
                @forelse ($countries as $country)
                @if($country->id == old('stage_id'))
                <option value="{{ $country->id }}" selected>
                    {{ $country->name }}
                </option>
                @endif
                <option value="{{ $country->id }}" {{ isset($player) && $player->country_id == $country->id ? 'selected' : '' }}>
                    {{ $country->name }}
                </option>
                @empty
                <option value="0" disabled>Sin Opciones</option>
                @endforelse
            </select>
        </div>
        <div class="form-group col-md-12">
            <label for="date_of_birth" class="ul-form__label">@lang('messages.players.title_8'):</label>
            <input type="date" class="form-control" id="date_of_birth" name="date_of_birth" placeholder="" value="{{  isset($player) ? str_replace(" ", "T", $player->date_of_birth) : old('date_of_birth') }}" required>
        </div>
        <div class="form-group col-md-12">
            <label for="biography" class="ul-form__label">@lang('messages.players.title_9'):</label>
            <input type="text" class="form-control color-picker" id="biography" name="biography" placeholder="Biografía del jugador" value="{{ $player->biography ?? old('biography') }}">
        </div>
        <div class="form-group col-md-12">
            <label for="joined" class="ul-form__label">@lang('messages.players.title_10'):</label>
            <input type="date" class="form-control" id="joined" name="joined" placeholder="" value="{{  isset($player) ? str_replace(" ", "T", $player->joined) : old('joined') }}">
        </div>
        <div class="form-group col-md-12">
            <label for="date_of_debut" class="ul-form__label">@lang('messages.players.title_11'):</label>
            <input type="date" class="form-control" id="date_of_debut" name="date_of_debut" placeholder="" value="{{  isset($player) ? str_replace(" ", "T", $player->date_of_debut) : old('date_of_debut') }}">
        </div>
        <div class="form-group col-md-12">
            <label for="rival_team_debut" class="ul-form__label">@lang('messages.players.title_12'):</label>
            <input type="text" class="form-control color-picker" id="rival_team_debut" name="rival_team_debut" placeholder="Barcelona" value="{{ $player->rival_team_debut ?? old('rival_team_debut') }}">
        </div>
        <div class="form-group col-md-12">
            <label for="retirement" class="ul-form__label">@lang('messages.players.title_13'):</label>
            <input type="text" class="form-control color-picker" id="retirement" name="retirement" placeholder="" value="{{ $player->retirement ?? old('retirement') }}">
        </div>
        <div class="col-12 col-md-12">
            <div class="form-group">
                <label for="achievements" class="ul-form__label">@lang('messages.players.title_14'):
                </label>
                <select class="form-control select2 col-12 col-md-12" multiple="multiple" name="achievements" id="achievements">
                    @if (isset($player->achievements))
                    @foreach (explode(',', $player->achievements ) as $item)
                    <option value="{{ $item }}" selected>{{ $item }}</option>
                    @endforeach
                    @endif
                </select>
                <small class="form-text text-muted">
                    Liga Colombiana, Copa Libertadores, etc.
                </small>
            </div>
        </div>
        <div class="form-group col-md-12">
            <label for="height" class="ul-form__label">@lang('messages.players.title_15') (cm):</label>
            <input type="number" class="form-control color-picker campoNumber" id="height" min="0" max="250" pattern="^[0-9]+" name="height" placeholder="180cm" value="{{ $player->height ?? old('height') }}" required>
        </div>
        <div class="form-group col-md-12">
            <label for="honors" class="ul-form__label">@lang('messages.players.title_16'):</label>
            <input type="number" class="form-control color-picker campoNumber" id="honors" min="0" max="100" pattern="^[0-9]+" name="honors" placeholder="Número de logros" value="{{ $player->honors ?? old('honors') }}">
        </div>
        <div class="form-group col-md-12">
            <label for="instagram" class="ul-form__label">@lang('messages.players.title_29'):</label>
            <input type="text" class="form-control color-picker" id="instagram" name="instagram" placeholder="https://www.instagram.com/cristiano" value="{{ $player->instagram ?? old('instagram') }}">
        </div>
        <div class="form-group col-md-12">
            <label for="equipment_categories_id" class="ul-form__label">@lang('messages.players.title_17'):</label>
            <select class="form-control" name="position_id" id="position_id" value="{{ $player->position_id ?? old('position_id') }}" required>
                <option value="" selected></option>
                @forelse ($positions as $position)
                @if($position->id == old('stage_id'))
                <option value="{{ $position->id }}" selected>
                    {{ $position->name }}
                </option>
                @endif
                <option value="{{ $position->id }}" {{ isset($player) && $player->position_id == $position->id ? 'selected' : '' }}>
                    {{ $position->name }}
                </option>
                @empty
                <option value="0" disabled>Sin Opciones</option>
                @endforelse
            </select>
        </div>
        <div class="form-group col-md-12">
            <label for="position_id" class="ul-form__label">@lang('messages.players.title_18'):</label>
            <select class="form-control" name="equipment_categories_id" id="equipment_categories_id" value="{{ $player->equipment_categories_id ?? old('equipment_categories_ids') }}" required>
                <option value="" selected></option>
                @forelse ($equipmentCategories as $equipmentCategory)
                @if($equipmentCategory->id == old('stage_id'))
                <option value="{{ $equipmentCategory->id }}" selected>
                    {{ $equipmentCategory->name }}
                </option>
                @endif
                <option value="{{ $equipmentCategory->id }}" {{ isset($player) && $player->equipment_categories_id == $equipmentCategory->id ? 'selected' : '' }}>
                    {{ $equipmentCategory->name }}
                </option>
                @empty
                <option value="0" disabled>Sin Opciones</option>
                @endforelse
            </select>
        </div>
        <div class="form-group col-md-12">
            <label for="inactive" class="ul-form__label">Inactivar:</label>
            <div class="checkbox checbox-switch switch-success">
                <label> No
                    <input type="checkbox" {{ (isset($player) && $player->inactive === 1 ? 'checked' : '')  }} class="form-control" id="inactive" name="inactive" />
                    <span></span>
                    Si
                </label>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
    $(document).ready(function() {
        $(".select2").select2({
            language: "es",
            selectOnClose: false,
            tags: true,
            tokenSeparators: [","],
        });
    });
</script>