@extends('layouts.backoffice.backoffice')

@section('title')
    Editar Patrocinador
@endsection

@section('content')
<div class="container">
    <div class="card">
        <div class="card-body">
            <form class="ajax"
                  method="POST"
                  enctype="multipart/form-data"
                  action="{{ route('backoffice.sponsors.update', $sponsor) }}"
                  data-action="patch"
                  data-type="sponsors">
                @csrf
                @method('PUT')
                <div class="col-12 text-right">
                    <div class="form-check form-switch" title='Toggle'>
                        <input type="checkbox" class="form-check-input" id="status" name="status" @checked($sponsor->status) />
                        <label class="form-check-label" for='status'>
                            <span class="status-text">{{ $sponsor->status ? __('games.active') : __('games.inactive') }}</span>
                        </label>
                    </div>
                </div>

                <div class="form-group mt-2">
                    <label for="name">Nome</label>
                    <input required type="text" class="form-control" id="name" name="name" value="{{ $sponsor->name }}" placeholder="Nome do patrocinador">
                </div>

                <div class="form-group mt-2">
                    <label for="slug">Slug (URL amigável)</label>
                    <input required type="text" class="form-control" id="slug" name="slug" value="{{ $sponsor->slug }}" placeholder="slug-do-patrocinador">
                </div>

                <div class="form-group mt-2">
                    <label for="logo">Logo</label>
                    <input type="file" class="form-control-file" id="logo" name="logo">
                    @if($sponsor->logo)
                        <img class="w-25 mt-3" src="{{ asset('storage/' . $sponsor->logo) }}" alt="logo" />
                    @endif
                </div>

                <div class="form-group mt-2">
                    <label for="website">Website</label>
                    <input type="url" class="form-control" id="website" name="website" value="{{ $sponsor->website }}" placeholder="https://exemplo.com">
                </div>

                <div class="form-group mt-2">
                    <label for="description">Descrição</label>
                    <textarea class="form-control" id="description" name="description" rows="3" placeholder="Descrição do patrocinador">{{ $sponsor->description }}</textarea>
                </div>

                <hr />
                <div class="row mt-2">
                    <div class="col-12 text-right">
                        <a class="btn btn-danger" href="{{ route('backoffice.sponsors.index') }}">
                            <i class="fa-solid fa-chevron-left"></i>
                            Cancelar
                        </a>
                        <button type="button" onclick="document.getElementById('delete-form').submit()" class="btn btn-danger ml-2">
                            <i class="fa-solid fa-trash"></i>
                            Eliminar
                        </button>
                        <button type="submit" class="btn btn-primary ml-2">
                            <i class="fa-solid fa-save"></i>
                            Guardar
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

<form id="delete-form" action="{{ route('backoffice.sponsors.destroy', $sponsor) }}" method="POST" class="ajax" data-action="delete" data-type="sponsors">
    @csrf
    @method('DELETE')
</form>
@endsection