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

@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="mr-2" 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.howitWorks.index')}}" class="page-pretitle flex items-center">
                            / {{__('Back to How it Works')}}
                        </a>
                    </div>

                    <h2 class="page-title mb-2">
                        {{isset($howitWorks) ? __('Edit Step') : __('Create New Step')}}
                    </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 howitWorksSave({{$howitWorks->id ?? null}});" action="">
						<div class="row">
							<div class="col-md-12 col-xl-12 vstack gap-3">

                                <div class="vstack gap-1">
                                    <label class="form-label">{{__('Order')}}</label>
									<input type="number" class="form-control" id="order" name="order" value="{{isset($howitWorks) ? $howitWorks->order : null}}" required>
                                </div>

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