@extends('layouts/main')

@push('styles')
    <link rel="stylesheet" href=" {{ asset('assets/css/login.css') }} ">
@endpush
@section('title')
    Mechanic Assistance Admin
@endsection
@section('content')
    <div class="login-container">
        <div class="overlay"></div>
        <div class="login-box">

                <form action="{{ route('check-code') }}" method="POST">
                    <div class="box-header">
                        <img src="{{ asset('/assets/imgs/image-admin.png') }}" alt="Logo" class="logo">
                        <h1>What's the code</h1>
                        <h5>Enter the code sent to your @isset($email)email account: {{$email}}
                        @endisset @isset($phone_number)Phone by SMS: {{$phone_number}}
                        @endisset</h5>
                    </div>
                    @csrf
                    <div class="mb-3 input-group">
                        <div class="d-none">
                            @isset($phone_number)
                            <input type="textfield" value="{{$phone_number}}" name="phone_number">
                            @endisset
                            @isset($email)    
                            <input type="email" value="{{$email}}" name="email">
                            @endisset
                        </div>
                        <div class="d-flex flex-column justify-content-start">
                            <label for="code">Code</label>
                            <input type="text" value="{{ old('code') }}" placeholder="* * * * * *" name="code" class="input-code" required>
                        </div>
                    </div>
                    <a href="{{ route('resend-code', (isset($email)) ? ['email' => $email] : ['phone_number' => $phone_number]) }}" class="d-block text-end">Resend code</a>
                    <button type="submit" class="btn btn-main-oultine mt-3">Send</button>
                </form> 
        </div>
    </div>
@endsection

@error('code')
    @section('alert')
    <div class="alert alert-danger alert-dismissible fade show" role="alert">
        {!! $message !!}
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
      </div>
    @endsection
@enderror

@error('resend')
    @section('alert')
    <div class="alert alert-success alert-dismissible fade show" role="alert">
        {!! $message !!}
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
      </div>
    @endsection
@enderror