{{-- resources/views/auth/login.blade.php --}}
@extends('layouts.base')

@php

    $locale = app()->getLocale();
    //$locale = 'fr'; // Forcer le français pour l'instant
    $iconBase = "assets/icons/{$locale}";


@endphp

{{-- @include('partials.bottom_nav', [
    'bottomInfo' => [
        'label'  => __('Plus d’information'),
        'target' => '#waypoint-details', // un id dans la page
    ],
    'bottomTabs' => [
        [
            'icon'   => "addV_picto.svg",
            'label'  => __('Join'),
            'drawer' => 'maps',   // ouvre le tiroir "maps"
        ],
        [
            'icon'     => "share_picto.svg",
            'label'    => __('Create a waypoint'),
            'drawer'   => 'share', // ouvre le tiroir "share"
        ],
        [
            'icon'    => "myV_picto.svg",
            'label'   => __('My Vereego'),
            'href'    => lr('search'),
            'primary' => false,
        ],
    ],
]) --}}


@section('title', __('Login'))

@section('content')
    <div class="wrap">
        <h2>{{ __('login') }}</h2>

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

        @if($errors->any())
            <div class="alert danger">
                <ul style="margin:0 0 0 16px;">
                    @foreach($errors->all() as $err)<li>{{ $err }}</li>@endforeach
                </ul>
            </div>
        @endif

        <section class="profile-card--main">

            <form method="POST" action="{{ route('login.post', ['locale' => app()->getLocale()]) }}" class="profile-form">
                @csrf
                <div class="" style="padding:16px; border-radius:12px; border:1px solid #e5e7eb; background:#fff; margin: 0 10%;">

                    {{-- <div class="profile-card profile-card--main"> --}}
                        <div class="field-grid">
                            <div class="field-group">
                                <label for="email">{{ __('Email') }}</label>
                                <input id="email" type="email" name="email" value="{{ old('email') }}" required autofocus>
                            </div>
                            <div class="field-group">
                                <label for="password">{{ __('Password') }}</label>
                                <input id="password" type="password" name="password" required>
                            </div>
                        </div>
                    {{-- </div> --}}

                    <div class="field-group" style="margin-top: 16px; text-align: right;">
                        <label>
                            <input type="checkbox" name="remember"> {{ __('Remember me') }}
                        </label>
                    </div>
                    <div class="field-grid actions" style="margin-top: 16px; text-align: right;">
                        <div class="field-group">
                        <button type="submit" class="btn primary">{{ __('Login') }}</button>
                    </div>


                    <a class="btn oauth google full" style="margin-bottom: 10px;" href="{{ route('oauth.redirect', ['locale'=>app()->getLocale(),'provider'=>'google']) }}">
                        {{-- icône Google --}}  {{ __('Sign in') }} {{ __('with') }} Google
                    </a>
                    <a class="btn oauth facebook full" style="margin-bottom: 10px;" href="{{ route('oauth.redirect', ['locale'=>app()->getLocale(),'provider'=>'facebook']) }}">
                        {{ __('Sign in') }} {{ __('with') }} Facebook
                    </a>
                    <a class="btn oauth apple full" style="margin-bottom: 10px;" href="{{ route('oauth.redirect', ['locale'=>app()->getLocale(),'provider'=>'apple']) }}">
                          {{ __('Sign in') }} {{ __('with') }} Apple
                    </a>


                    <div class="field-group">
                        <a href="{{ route('register', ['locale' => app()->getLocale()]) }}" class="btn ghost">{{ __('Create account') }}</a>
                    </div>

                    {{-- 🔗 Lien mot de passe oublié --}}
                    <div style="margin-top:10px; text-align:right; font-size: 0.9em;">
                        <a class="" href="{{ route('password.request') }}">{{ __('Forgot your password?') }}</a>
                    </div>

                </div>
            </form>
        </section>

    </div>
@endsection