@extends ("front.layout", ['component' => "loginDownloads"])

@section('content')
    <div class="page" id="login-telechargements">
        <div class="container">
            @component('front.app.titre-page')
                @slot('title')
                    {{trans('telechargements.telechargements')}}
                @endslot

                @slot('subtitle')
                    {{trans('telechargements.please-connect')}}
                @endslot
            @endcomponent

            <form class="formulaire" action="{{route('customer.login.submit')}}" method="POST">
                {{csrf_field()}}

                <p class="control has-icon has-icon-right">
                    <div class="input">
                        <input type="text" autofocus name="email" placeholder="{{trans('contact.email')}}" value="{{ old('email') }}">

                        <span class="help is-danger">
                            @if($errors->has('email'))
                                {{$errors->get('email')[0]}}
                            @endif
                        </span>

                        <span class="icon">
                            <i class="fa fa-at"></i>
                        </span>
                    </div>
                </p>

                <p class="control has-icon has-icon-right">
                    <div class="input">
                        <input type="password" name="password" placeholder="{{trans('customers.password')}}">

                        <span class="help is-danger">
                            @if($errors->has('password'))
                                {{$errors->get('password')[0]}}
                            @endif
                        </span>

                        <span class="icon">
                            <i class="fa fa-lock"></i>
                        </span>
                    </div>

                </p>

                <button type="submit" class="button submit is-outlined">
                    <span>{{trans('customers.connect')}}</span>
                </button>

                <div class="actions">
                    <a class="forgot black" href={{ url('/customers/password/reset') }}>{{trans('customers.forgot')}}</a>
                    <a class="forgot black create" href={{ url('/customers/register') }}>{{trans('customers.create')}}</a>
                </div>
            </form>
        </div>
    </div>
@endsection