@extends('layouts.admin')

@section('content')
<style type="text/css">
    .pass-group .toggle-password, .pass-group .toggle-passworda {
        top: 70%!important;
    }
</style>
<div class="page-wrapper">
    <div class="content">
        <div class="page-header">
            <div class="add-item d-flex">
                <div class="page-title">
                    <h4>{{ __('messages.Add new clients') }}</h4>
                    <!-- <h6>{{ __('messages.Manage your clients') }}</h6> -->
                    <p>
                    {{ __('messages.No of allowed clients') }}: {{ $allowed_clients }}.<br>
                    {{ __('messages.No of added clients') }}: {{ $added_clients }}.<br>
                    {{ __('messages.No of remaining clients') }}: {{ $remaining_clients }}.
                    </p>
                </div>
            </div> 
        </div> 
         
         <div class="card table-list-card">
            <div class="card-body">
                <div class="row table-top">
                    @include('layouts.errors')
                    <form action="{{ route('clientManagement.store') }}" method="post">
                    @csrf
                        <div class="row mb-3">
                            <div class="col-md-4 form-group">
                                <label for="first_name">{{ __('messages.First Name') }}</label>
                                <input type="text" class="form-control" name="first_name" id="first_name" value="{{ old('first_name') }}" required>
                            </div>
                            <div class="col-md-4 form-group">
                                <label for="last_name">{{ __('messages.Last Name') }}</label>
                                <input type="text" class="form-control" name="last_name" id="last_name" value="{{ old('last_name') }}" required>
                            </div>
                            <div class="col-md-4 form-group">
                                <label for="email">{{ __('messages.Email Address') }}</label>
                                <input type="email" class="form-control" name="email" id="email" value="{{ old('email') }}" required>
                            </div>
                        </div>
                        <div class="row mb-3">
                            <div class="col-md-6 form-group pass-group"> 
                                <label for="password">{{ __('messages.Password') }}</label>
                                <input id="password" type="password" class="pass-input form-control @error('password') is-invalid @enderror" name="password" required>

                                <span class="fas toggle-password fa-eye-slash"></span>
                            </div>

                            <div class="col-md-6 form-group pass-group">
                                <label for="password-confirm">{{ __('messages.Confirm Password') }}</label>
                                <input id="password-confirm" type="password" class="pass-inputa form-control" name="password_confirmation" required>
                                <span class="fas toggle-passworda fa-eye-slash"></span>
                            </div>
                        </div>

                        <div class="row mb-2">
                            <div class="col-md-6 form-group">
                                <button type="submit" class="btn btn-primary">{{ __('messages.Submit') }}</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection