@extends('Client.profile.logged-in-layout')

@section('pagetitle' , __('trans.My Profile'))

@section('logged-in-content')


<form action="{{ route('client.profile') }}" method="POST">
    @csrf
    <div class="card p-4">
    	<div class="card-body">
    		<h5 class="card-title h2 fw-semibold text-dark"> @lang('trans.My Profile') </h5>

    		<!-- End checkbox -->
    		<div class="row mb-4 placeholder-color">
            	<div class="col-lg-8 col-md-10 col-12 mx-auto">
            	        <label for="" class="text-dark d-flex justify-content-start mb-2 mt-3  fw-semibold">@lang('trans.name')</label>
                    	<div class="col-sm-12">
                    		<input type="text" class="form-control" name="name" placeholder="@lang('trans.name')" required id="name" value="{{ auth('client')->user()->name }}">
                    	</div>
                    	<label for="" class="text-dark d-flex justify-content-start mb-2 mt-3  fw-semibold">@lang('trans.email')</label>
                    	<div class="col-sm-12">
                    		<input type="text" class="form-control" name="email" placeholder="@lang('trans.email')" required id="email" value="{{ auth('client')->user()->email }}">
                    	</div>
                    	<label for="" class="text-dark d-flex justify-content-start mb-2 mt-3  fw-semibold">@lang('trans.phone')</label>
                    	<div class="col-sm-12">
                    		<input type="tel" value="{{ auth('client')->user()->phone }}" name="phone" id="phone" required class="form-control" />
                    		<input type="hidden" value="{{ auth('client')->user()->country_code }}" name="country_code" id="country_code" value="{{ country_code() }}">
                    		<input required type="hidden" value="{{ auth('client')->user()->phone_code }}" name="phone_code" id="phone_code" value="{{ phone_code() }}">
                    	</div>
                		<div class="mt-5 mb-3 d-flex justify-content-start">
                			<button type="submit" class="btn main_bt rounded-2 col-sm-4 btn-max fw-semibold"> @lang('trans.update') </button>
                		</div>
            	</div>
    		</div>
    	</div>
    </div>

</form>

	@include('intlTelInput',['country_code'=>auth('client')->user()->country_code])
	
@endsection

@push('css')
<style>
    .iti{
        width: 100%;
    }
</style>
@endpush