@extends('donamarmita-admin')
@section('content')

<div class="right_col" role="main" style="min-height: 100vh;">
    <div class="row">
        <div class="col-md-12 col-sm-12">
            <div class="page-header">
                <div class="row">
                    <div class="col-md-8 col-sm-8" style="padding-left: 30px;">
                        <div class="page-title">
                            <h1><i class="fa fa-user-cog"></i> Editar Perfil</h1>
                            <p class="text-muted">Atualize os seus dados pessoais</p>
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-4 text-right" style="padding-right: 35px;">
                        <img src="{{ asset('images/profile-icon.png') }}" width="120" class="mr-2">Configurações                        
                    </div>
                </div>
            </div>

            <div class="clearfix"></div>

            <!-- Painel Principal -->
            <div class="card shadow-sm">
                <div class="card-header bg-white">
                    <div class="row align-items-center">
                        <div class="col-md-6 blue">
                            <h3 class="mb-0"><i class="fa fa-id-card"></i> Informações Pessoais</h3>
                        </div>                        
                    </div>
                </div>

                <div class="card-body">
                    @if ($errors->any())
                    <div class="alert alert-danger alert-dismissible fade show">
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">×</span>
                        </button>
                        <strong>Erro!</strong> Corrija os seguintes problemas:
                        <ul>
                            @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                    @endif

                    @if ($message = Session::get('success'))
                    <div class="alert alert-success alert-dismissible fade show">
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">×</span>
                        </button>
                        <p>{{ $message }}</p>
                    </div>
                    @endif

                    @if ($message = Session::get('warning'))
                    <div class="alert alert-warning alert-dismissible fade show">
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">×</span>
                        </button>
                        <p>{{ $message }}</p>
                    </div>
                    @endif

                    <form method="post" autocomplete="off" enctype="multipart/form-data" id="formProfile" action="{{ route('admin.updateProfile') }}">
                        @csrf
                        
                        <!-- Avatar Section -->
                        <div class="row mb-4">
                            <div class="col-md-3 text-right">
                                <label class="col-form-label font-weight-bold">Avatar:</label>
                            </div>
                            <div class="col-md-9">
                                <div class="dropzone-area">
                                    <input type="hidden" id="folder-1" value="profile">
                                    <input type="hidden" id="width-1" value="{{ $avatarWidth }}">
                                    <input type="hidden" id="height-1" value="{{ $avatarHeight }}">
                                    <input type="hidden" id="numberOfFiles-1" value="1">
                                    <input type="hidden" id="imgName-1" name="ava_img">
                                    <input type="hidden" id="linkToAdministration-1" value="{{ $adminPage }}">
                                    <div class="dropzone" id="dropzone1" data-form-id="1" style="border: 1px dashed #ccc; padding: 20px; text-align: center; border-radius: 5px;">
                                        <i class="fa fa-cloud-upload-alt fa-3x mb-2 upload-icon" style="color: #ccc;"></i>
                                    </div>
                                    <small class="form-text text-muted">Dimensões recomendadas: {{ $avatarWidth }}px x {{ $avatarHeight }}px (JPG ou PNG)</small>
                                </div>
                            </div>
                        </div>

                        <!-- Personal Info Section -->
                        <div class="row mb-3">
                            <div class="col-md-3 text-right">
                                <label class="col-form-label font-weight-bold">Informações Básicas:</label>
                            </div>
                            <div class="col-md-9">
                                <div class="form-row">
                                    <div class="col-md-6 mb-3">
                                        <label>Nickname</label>
                                        <input class="form-control" value="{{ $user->name }}" type="text" id="admin_name" name="admin_name" placeholder="Seu nickname...">
                                    </div>
                                    <div class="col-md-6 mb-3">
                                        <label>Email</label>
                                        <input class="form-control" value="{{ $user->email }}" type="text" id="admin_email" name="admin_email" placeholder="Seu email...">
                                    </div>
                                </div>
                                
                                <div class="form-row">
                                    <div class="col-md-6 mb-3">
                                        <label>Nome</label>
                                        <input class="form-control" value="{{ $client->cli_first_name }}" type="text" id="admin_firstname" name="admin_firstname" placeholder="Seu nome...">
                                    </div>
                                    <div class="col-md-6 mb-3">
                                        <label>Apelido</label>
                                        <input class="form-control" value="{{ $client->cli_last_name }}" type="text" id="admin_lastname" name="admin_lastname" placeholder="Seu apelido...">
                                    </div>
                                </div>
                                
                                <div class="form-row">
                                    <div class="col-md-6 mb-3">
                                        <label>Telefone</label>
                                        <input class="form-control" value="{{ $client->cli_phone }}" type="text" id="cli_phone" name="cli_phone" placeholder="+351 XXX XXX XXX">
                                    </div>
                                    <div class="col-md-6 mb-3">
                                        <label>NIF</label>
                                        <input class="form-control" value="{{ $client->cli_nif }}" type="text" id="cli_nif" name="cli_nif" placeholder="Número de identificação fiscal">
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Password Section -->
                        <div class="row mb-3">
                            <div class="col-md-3 text-right">
                                <label class="col-form-label font-weight-bold">Alterar Password:</label>
                            </div>
                            <div class="col-md-9">
                                <div class="form-row">
                                    <div class="col-md-6 mb-3">
                                        <label>Nova Password</label>
                                        <input class="form-control" type="password" id="admin_password" name="admin_password" autocomplete="new-password" placeholder="Nova password...">
                                    </div>
                                    <div class="col-md-6 mb-3">
                                        <label>Confirmar Password</label>
                                        <input class="form-control" type="password" id="admin_password_confirmation" name="admin_password_confirmation" placeholder="Confirme a password...">
                                    </div>
                                </div>
                                <small class="form-text text-muted">Deixe em branco se não quiser alterar a password</small>
                            </div>
                        </div>

                        <!-- Social Media Section -->
                        <div class="row mb-3">
                            <div class="col-md-3 text-right">
                                <label class="col-form-label font-weight-bold">Redes Sociais:</label>
                            </div>
                            <div class="col-md-9">
                                <div class="form-row">
                                    <div class="col-md-4 mb-3">
                                        <label><i class="fab fa-facebook text-primary"></i> Facebook</label>
                                        <input class="form-control" type="text" value="{{ $client->cli_facebook }}" id="user_facebook" name="cli_facebook" placeholder="URL do Facebook...">
                                    </div>
                                    <div class="col-md-4 mb-3">
                                        <label><i class="fab fa-instagram text-danger"></i> Instagram</label>
                                        <input class="form-control" type="text" value="{{ $client->cli_instagram }}" id="user_instagram" name="cli_instagram" placeholder="URL do Instagram...">
                                    </div>
                                    <div class="col-md-4 mb-3">
                                        <label><i class="fab fa-linkedin text-info"></i> LinkedIn</label>
                                        <input class="form-control" type="text" value="{{ $client->cli_linkedIn }}" id="user_linkedIn" name="cli_linkedin" placeholder="URL do LinkedIn...">
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Form Actions -->
                        <div class="form-footer mt-4">
                            <div class="row">
                                <div class="col-md-12 text-right">
                                    <button type="button" class="btn btn-secondary cancel-button" data-route="donamarmita-admin/">
                                        <i class="fa fa-times"></i> Cancelar
                                    </button>
                                    <button type="reset" class="btn btn-warning">
                                        <i class="fa fa-undo"></i> Limpar
                                    </button>
                                    <button type="submit" class="btn btn-success">
                                        <i class="fa fa-save"></i> Guardar Alterações
                                    </button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection