@extends('panel.layout.app')
@section('title', isset($client) ? __('Edit Client') : __('Create New Client'))

@section('content')
    <div class="page-header">
        <div class="container-xl">
            <div class="row g-2 items-center">
                <div class="col">
                    <div class="hstack gap-1">
                        <a href="{{ LaravelLocalization::localizeUrl( route('dashboard.index') ) }}" class="page-pretitle flex items-center">
                            <svg class="!me-2 rtl:-scale-x-100" width="8" height="10" viewBox="0 0 6 10" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                <path d="M4.45536 9.45539C4.52679 9.45539 4.60714 9.41968 4.66071 9.36611L5.10714 8.91968C5.16071 8.86611 5.19643 8.78575 5.19643 8.71432C5.19643 8.64289 5.16071 8.56254 5.10714 8.50896L1.59821 5.00004L5.10714 1.49111C5.16071 1.43753 5.19643 1.35718 5.19643 1.28575C5.19643 1.20539 5.16071 1.13396 5.10714 1.08039L4.66071 0.633963C4.60714 0.580392 4.52679 0.544678 4.45536 0.544678C4.38393 0.544678 4.30357 0.580392 4.25 0.633963L0.0892856 4.79468C0.0357141 4.84825 0 4.92861 0 5.00004C0 5.07146 0.0357141 5.15182 0.0892856 5.20539L4.25 9.36611C4.30357 9.41968 4.38393 9.45539 4.45536 9.45539Z"/>
                            </svg>
                            {{__('Back to dashboard')}}
                        </a>
                        <a href="{{route('dashboard.admin.clients.index')}}" class="page-pretitle flex items-center">
                            / {{__('Back to Clients')}}
                        </a>
                    </div>

                    <h2 class="page-title mb-2">
                        {{isset($client) ? __('Edit Client') : __('Create New Client')}}
                    </h2>
                </div>
            </div>
        </div>
    </div>
    <!-- Page body -->
    <div class="page-body pt-6">
        <div class="container-xl">
			<div class="row">
				<div class="col-md-5 mx-auto">
					<form id="item_edit_form" onsubmit="return clientSave({{$client->id ?? null}});" action="" enctype="multipart/form-data">
						<div class="row">
							<div class="col-md-12 col-xl-12 vstack gap-3">

                                <div class="d-flex justify-content-center">
                                    <img src="{{isset($client) ? (str_starts_with($client->avatar, 'asset') ? url('').'/'.$client->avatar : url('').'/clientAvatar/'.$client->avatar ) : url('').'/assets/img/auth/default-avatar.png'}}" class="rounded-md" style="width: 80px;height: 80px; object-fit: cover;" alt="Avatar" />
                                </div>

                                <div class="vstack gap-1">
                                    <label class="form-label">{{__('Avatar')}}</label>
									<input type="file" class="form-control" id="avatar" name="avatar" value="{{isset($client) ? $client->avatar : null}}" accept="image/png, image/jpeg, image/svg">
                                </div>

                                <div class="vstack gap-1">
                                    <label class="form-label">{{__('Alt')}}</label>
									<input type="text" class="form-control" id="client_alt" name="client_alt" value="{{isset($client) ? $client->alt : null}}" required>
                                </div>

                                <div class="vstack gap-1">
                                    <label class="form-label">{{__('Title')}}</label>
									<input type="text" class="form-control" id="client_title" name="client_title" value="{{isset($client) ? $client->title : null}}" required>
                                </div>

								<button form="item_edit_form" id="item_edit_button" class="btn btn-primary w-100">
									{{__('Save')}}
								</button>
							</div>
						</div>
					</form>
				</div>
			</div>
        </div>
    </div>
@endsection

@section('script')
    <script src="/assets/js/panel/client.js"></script>
@endsection