@extends('layout')
@section('title', 'Login')

@section('content')


 
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">


         @if (session()->has('success'))
                                <div class="alert alert-success alert-dismissible fade show mb-2" role="alert">
                                    <i class="fa fa-exclamation-circle me-2"></i><strong>{{ __('text.succes') }}</strong> {{ session()->get('success') }}.
                                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                                </div>
                            @endif
                        
                            @if (session()->has('error'))
                                <div class="alert alert-danger alert-dismissible fade show mb-2" role="alert">
                                    <i class="fa fa-exclamation-circle me-2"></i><strong>{{ __('text.eror') }}</strong> {{ session()->get('error') }}.
                                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                                </div>
                            @endif
 <form action="{{ route('customerlogin') }}" method="POST">
        @csrf
        <div class="container" style="padding: 20px; background-color: white; width: 50%; margin-top: 45px;">
            <div class="maine-form d-flex">
                <div class="left-side">
                    <img src="public/storage/product/login.jpg" style="max-width: 100%;">
                </div>
                <div class="right-side">
                    <h1>{{ __('text.login') }}</h1>
                    <p>{{ __('text.login_acoount') }}? <a href="{{ route('register') }}">{{ __('text.registration') }}</a>.</p>
                    <div class="clearfix">
                        <label for="email"><b>{{ __('text.email') }}</b></label>
                        <input type="text" placeholder="Enter {{ __('text.email') }}" name="email" id="email" value="{{ old('email') }}" style="width: 100%; padding: 12px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box;">
                        @error('email')
                            <p class="text-danger">{{ $message }}</p>
                        @enderror
                        <label for="password"><b>{{ __('text.password') }}</b></label>
                        <input type="password" placeholder="Enter {{ __('text.password') }}" name="password" id="password" value="{{ old('password') }}" style="width: 100%; padding: 12px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box;">
                        @error('password')
                            <p class="text-danger">{{ $message }}</p>
                        @enderror
                    </div>
                    <button type="submit" style="background-color: #04AA6D; color: white; padding: 14px 20px; margin: 8px 0; border: none; cursor: pointer; width: 100%; border-radius: 4px;">{{ __('text.login') }}</button>
                </div>
            </div>
        </div>
    </form>


@endsection