@extends('client.layouts.app-login')
@section('title','تسجيل الدخول')
@section('content')
<div class="auth-inner my-2">
<!-- Login basic -->
<div class="card mb-0">
  <div class="card-body">
    <a href="#" class="brand-logo">
      <img src="{{asset('app-assets/images/logo.png')}}" alt="logo" class="logo-large" style="width: 40%;heigh: 40%;">
    </a>

    <h4 class="card-title mb-1" align="center">تسجيل الدخول</h4>
    <center>
    @error('email')
    <div class="alert alert-danger"  role="alert">
      <div class="alert-body"> {{ $message }} </div>
    </div>
    @enderror
    </center>
    <form class="auth-login-form mt-2" action="{{ route('client.login') }}" method="POST" name="login">
      @csrf
      
      <div class="mb-1">
        <b for="login-email" class="form-label">رقم الموبايل</b>
        <input
          type="text"
          class="form-control"
          id="login-email"
          name="email"
          value="{{ old('email') }}"
          placeholder="رقم الموبايل"
          aria-describedby="email"
          tabindex="1"
          autofocus
        /> 
      </div>

      <div class="mb-1">
        <div class="d-flex justify-content-between">
          <b class="form-label" for="login-password">كلمة المرور</b>
          <a href="{{ route('client.password.request') }}">
            <small>هل نسيت كلمة المرور ؟</small>
          </a>
        </div>
        <div class="input-group input-group-merge form-password-toggle">
          <input
            type="password"
            class="form-control form-control-merge"
            id="login-password"
            name="password"
            tabindex="2"
            placeholder="كلمة المرور"
            aria-describedby="password"
          /> @error('password')
          <span class="invalid-feedback" role="alert">
                      <strong>{{ $message }}</strong>
                  </span>
          @enderror
          <span class="input-group-text cursor-pointer"><i data-feather="eye"></i></span>
        </div>
      </div>
      <div class="mb-1">
        <div class="form-check">
          <input class="form-check-input" type="checkbox" id="remember-me" name="remember" tabindex="3" {{ old('remember') ? 'checked' : '' }} />
          <label class="form-check-label" for="remember-me">  تذكرني </label>
        </div>
      </div>
      <button class="btn btn-primary w-100" tabindex="4" name="submit">دخول</button>
    </form>

    <p class="text-center mt-2">
      <span>ليس لديك حساب ؟</span>
      <a href="{{ route('client.register') }}">
        <span>إنشاء شركة جديدة</span>
      </a>
    </p>


  </div>
</div>
<!-- /Login basic -->
</div>
@endsection
