@extends('layouts.app')
@section('title','Editar Campeonato - GIGAX ARENA')
@section('page_title','Editar Campeonato')
@push('styles')
<style>
.gx-edit-t{max-width:1180px;margin:auto;display:grid;gap:12px}.gx-card{background:linear-gradient(180deg,#0c1b28,#07131d);border:1px solid #183149;border-radius:11px;padding:15px}.gx-head{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.gx-k{color:#24f56f;font-size:8px;font-weight:1000;text-transform:uppercase}.gx-title{font-size:20px;font-weight:1000}.gx-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gx-field{display:grid;gap:5px}.gx-field.full{grid-column:1/-1}.gx-field label{font-size:8px;color:#8399aa;text-transform:uppercase;font-weight:900}.gx-in,.gx-sel,.gx-ta{width:100%;border:1px solid #1b3a51;border-radius:7px;background:#06121c;color:#fff;padding:9px}.gx-in,.gx-sel{height:38px}.gx-ta{min-height:100px}.gx-banner{min-height:220px;border:1px dashed #24475f;border-radius:10px;overflow:hidden;display:grid;place-items:center;background:#07131d}.gx-banner img{width:100%;height:260px;object-fit:cover}.gx-btn{height:36px;border:1px solid #24475f;border-radius:7px;background:#102536;color:#e7f0f6;padding:0 14px;font-size:9px;font-weight:1000;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.gx-btn.ok{border:0;background:#24f56f;color:#03150c}.gx-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.gx-note{font-size:8px;color:#8198aa}.gx-error{border-color:#ff586d;color:#ff9cab}@media(max-width:800px){.gx-grid{grid-template-columns:1fr}.gx-field.full{grid-column:auto}}
</style>
@endpush
@section('content')
<div class="gx-edit-t">
@if(session('error'))<div class="gx-card gx-error">{{session('error')}}</div>@endif
@if($errors->any())<div class="gx-card gx-error">{{$errors->first()}}</div>@endif

<section class="gx-card gx-head">
<div><div class="gx-k">ADMIN • CAMPEONATO #{{$tournament->id}}</div><div class="gx-title">{{$tournament->name}}</div><div class="gx-note">Edite dados sem apagar inscrições, chaveamento ou resultados.</div></div>
<a class="gx-btn" href="{{route('tournaments.show',$tournament->id)}}">← VOLTAR</a>
</section>

<form class="gx-card" method="POST" action="{{route('tournaments.admin.update',$tournament->id)}}" enctype="multipart/form-data">
@csrf @method('PUT')
<div class="gx-grid">
<div class="gx-field full"><label>Banner / foto do evento</label>
<div class="gx-banner">
@if(!empty($tournament->banner_url))
<img id="preview" src="{{asset(ltrim($tournament->banner_url,'/'))}}" alt="">
@else
<div id="empty">Nenhum banner definido</div><img id="preview" style="display:none" alt="">
@endif
</div>
<input class="gx-in" type="file" id="banner" name="banner" accept="image/png,image/jpeg,image/webp">
@if(!empty($tournament->banner_url))<label style="text-transform:none"><input type="checkbox" name="remove_banner" value="1"> Remover banner atual</label>@endif
</div>

<div class="gx-field"><label>Nome</label><input class="gx-in" name="name" required value="{{old('name',$tournament->name)}}"></div>
<div class="gx-field"><label>Status</label><select class="gx-sel" name="status">@foreach(['upcoming'=>'Próximo','registration'=>'Inscrições abertas','ongoing'=>'Em andamento','finished'=>'Finalizado','cancelled'=>'Cancelado'] as $v=>$l)<option value="{{$v}}" @selected(old('status',$tournament->status)===$v)>{{$l}}</option>@endforeach</select></div>
<div class="gx-field"><label>Modo</label><input class="gx-in" name="game_mode" required value="{{old('game_mode',$tournament->game_mode)}}"></div>
<div class="gx-field"><label>Jogadores por time</label><input class="gx-in" type="number" min="1" max="10" name="team_size" value="{{old('team_size',$tournament->team_size)}}"></div>
<div class="gx-field"><label>Máximo de times</label><select class="gx-sel" name="max_teams">@foreach([2,4,8,16,32,64] as $n)<option value="{{$n}}" @selected((int)old('max_teams',$tournament->max_teams)===$n)>{{$n}}</option>@endforeach</select></div>
<div class="gx-field"><label>Premiação R$</label><input class="gx-in" type="number" step=".01" min="0" name="prize_pool" value="{{old('prize_pool',$tournament->prize_pool)}}"></div>
<div class="gx-field"><label>Taxa R$</label><input class="gx-in" type="number" step=".01" min="0" name="entry_fee" value="{{old('entry_fee',$tournament->entry_fee)}}"></div>
<div class="gx-field"><label>Início</label><input class="gx-in" type="datetime-local" name="start_date" value="{{old('start_date',!empty($tournament->start_date)?\Carbon\Carbon::parse($tournament->start_date)->format('Y-m-d\TH:i'):'')}}"></div>
<div class="gx-field"><label>Fim</label><input class="gx-in" type="datetime-local" name="end_date" value="{{old('end_date',!empty($tournament->end_date)?\Carbon\Carbon::parse($tournament->end_date)->format('Y-m-d\TH:i'):'')}}"></div>
<div class="gx-field"><label>Fim das inscrições</label><input class="gx-in" type="datetime-local" name="registration_end" value="{{old('registration_end',!empty($tournament->registration_end)?\Carbon\Carbon::parse($tournament->registration_end)->format('Y-m-d\TH:i'):'')}}"></div>
<div class="gx-field full"><label>Descrição</label><textarea class="gx-ta" name="description">{{old('description',$tournament->description)}}</textarea></div>
<div class="gx-field full"><label>Regras</label><textarea class="gx-ta" style="min-height:150px" name="rules">{{old('rules',$tournament->rules)}}</textarea></div>
<div class="gx-field full"><div class="gx-note">Alterar limite de times não refaz automaticamente uma chave já gerada.</div></div>
<div class="gx-field full"><div class="gx-actions"><a class="gx-btn" href="{{route('tournaments.show',$tournament->id)}}">CANCELAR</a><button class="gx-btn ok" type="submit">SALVAR ALTERAÇÕES</button></div></div>
</div>
</form>
</div>
@push('scripts')
<script>
document.getElementById('banner')?.addEventListener('change',function(){const f=this.files?.[0];if(!f)return;const p=document.getElementById('preview');const e=document.getElementById('empty');p.src=URL.createObjectURL(f);p.style.display='block';if(e)e.style.display='none';});
</script>
@endpush
@endsection