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

@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.testimonials.index')}}" class="page-pretitle flex items-center">
                            / {{__('Back to Testimonials')}}
                        </a>
                    </div>

                    <h2 class="page-title mb-2">
                        {{isset($testimonial) ? __('Edit Testimonial') : __('Create New Testimonial')}}
                    </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 testimonialSave({{$testimonial->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($testimonial) ? (str_starts_with($testimonial->avatar, 'asset') ? url('').'/'.$testimonial->avatar : url('').'/testimonialAvatar/'.$testimonial->avatar ) : url('').'/assets/img/auth/default-avatar.png'}}" class="rounded-circle" 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($testimonial) ? $testimonial->avatar : null}}" accept="image/png, image/jpeg">
                                </div>

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

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

                                <div class="vstack gap-1">
                                    <label class="form-label">{{__('Testimonial Text')}}</label>
									<textarea class="form-control" name="words" id="words" cols="30" rows="10" required>{{isset($testimonial) ? $testimonial->words : null}}</textarea>
                                </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/testimonial.js"></script>
@endsection