@extends('Client.layouts.layout')
@section('content')

<div class="container my-5">
    <div>
        <ol class="breadcrumb breadcrumb-arrow">
            <li><a href="{{ route('client.home') }}">{{ __('trans.home')  }}</a></li>
            <li><a class="color-white point">{{ __('trans.profile') }}</a></li>
        </ol>
    </div>
    <div class="row  justify-content-center">
        <div class="row col-md-6">
            <form action="{{ route('client.profile') }}" class="px-2" method="POST">
                @csrf
                <div class="mb-3">
                    <label for="name" class="form-label">@lang('trans.name')</label>
                    <input required type="text" class="form-control rounded-3" name="name" placeholder="Ahmed" value="{{ auth('client')->user()->name }}">
                </div>
                <div class="mb-3 d-flex flex-column">
                    <label for="phone" class="form-label">@lang('trans.Phone')</label>
                    <input required type="tel" readonly class="form-control rounded-3 w-100 phone" style="opacity: 0.5;cursor: not-allowed;" name="phone" placeholder="33******" value="{{ auth('client')->user()->phone }}">
                </div>
                <div class="mb-3">
                    <label for="email" class="form-label">@lang('trans.email')</label>
                    <input type="email" name="email" class="form-control rounded-3" placeholder="ah***@gmail.com" value="{{ auth('client')->user()->email }}">
                </div>
                <div class="mb-3">
                    <label for="password" class="form-label">@lang('trans.password')</label>
                    <input type="password" name="password" class="form-control rounded-3" placeholder="******" >
                </div>

    
                <div class="mb-3 w-100 d-flex justify-content-center">
                    <button type="submit" class="btn btn-dark rounded-0 px-4 btn m-auto border border-1 border-dark rounded-3 gap-2 my-2  py-2">
                        @lang('trans.update')
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>



@endsection
