@extends('site.layouts.app')

@section('content')

<div class="page-wrapper content-wrapper page-perfil-edit">
    <section class="content">
        <div class="container">
            <x-aside.sailor-authenticated />

            <div class="perfil">
                <div class="perfil__photo">
                    <img src="{{ asset($sailor->photo) }}" alt="{{ $sailor->name }}">

                    <div>
                        <h3>{{ $sailor->name }}</h3>

                        <p>{{ ($sailor->id_cb) ? "ID $sailor->id_cb" : '' }}</p>
                    </div>
                </div>

                @if(session('status'))
                    <div class="message-box success">
                        {{ session('status') }}
                    </div>
                @endif

                @if(session('error'))
                    <div class="message-box danger">
                        {{ session('error') }}
                    </div>
                @endif

                @if($errors->any())
                    <div class="message-box danger">
                        <ul>
                            @foreach($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif

                <div class="perfil__dates">
                    <form action="{{ route('site.sailor.profile.update') }}" method="POST">
                        @csrf
                        <div class="field">
                            <label for="name">Nome<span>*</span></label>
                            <input value="{{ old('name', $sailor->name) }}" type="text" name="name" id="name">
                        </div>

                        <div class="columns">
                            <div class="field">
                                <label for="cpf">CPF<span>*</span></label>
                                <input value="{{ old('cpf', $sailor->cpf) }}" type="text" name="cpf" id="cpf">
                            </div>
                            <div class="field">
                                <label for="email">E-mail<span>*</span></label>
                                <input value="{{ old('email', $sailor->email) }}" type="email" name="email" id="email">
                            </div>
                        </div>

                        <div class="columns">
                            <div class="field">
                                <label for="phone">Telefone / Contato<span>*</span></label>
                                <input value="{{ old('phone', $sailor->phone) }}" type="text" name="phone" id="phone">
                            </div>
                            <div class="field">
                                <label for="club">Clube<span>*</span></label>
                                <input value="{{ old('club', $sailor->club) }}" type="text" name="club" id="club">
                            </div>
                        </div>

                        <div class="columns">
                            <div class="field">
                                <label for="city">Cidade<span>*</span></label>
                                <input value="{{ old('city', $sailor->city) }}" type="text" name="city" id="city">
                            </div>
                            <div class="field">
                                <label for="state">Estado<span>*</span></label>
                                <input value="{{ old('state', $sailor->state) }}" type="text" name="state" id="state">
                            </div>
                        </div>

                        <div class="columns">
                            <div class="field">
                                <label for="id-ws">ID (World Sailing)</label>
                                <input value="{{ old('id_ws', $sailor->id_ws ?? '') }}" type="text" name="id-ws" id="id-ws">
                            </div>
                            <div class="field">
                                <label for="id-cb">ID (CB Vela)</label>
                                <input value="{{ old('id_cb', $sailor->id_cb ?? '') }}" type="text" name="id-cb" id="id-cb">
                            </div>
                        </div>

                        <input type="submit" value="Salvar alteracões">
                    </form>
                </div>
            </div>
        </div>
    </section>
</div>

@endsection