@csrf
<div class="container-fluid">
    <div class="card-block row w-100 m-0">

        {{-- عنوان فارسی و انگلیسی و صفحه ی اول--}}
        <div class="col-md-4 col-12 p-2">
            <div class="form-group">
                <label for="title">عنوان فارسی</label><span style="color: red;">*</span>
                <input type="text" class="form-control bg-light rounded-custom" id="title" name="title"
                       value="{{ old('title', $item->title ?? '') }}" data-required="true">
            </div>
        </div>
        {{--        <div class="col-md-4 col-12 p-2">--}}
        {{--            <div class="form-group">--}}
        {{--                <label for="first_page_title">عنوان صفحه ی اول</label>--}}
        {{--                <input type="text" class="form-control bg-light rounded-custom" id="first_page_title"--}}
        {{--                       name="first_page_title"--}}
        {{--                       value="{{ old('first_page_title', $item->first_page_title ?? '') }}">--}}
        {{--            </div>--}}
        {{--        </div>--}}

        <div class="col-md-4 col-12 p-2">
            <div class="form-group">
                <label for="title_en">عنوان انگلیسی</label>
                <input type="text" class="form-control bg-light rounded-custom" id="title_en" name="title_en"
                       value="{{ old('title_en', $item->title_en ?? '') }}">
            </div>
        </div>

        <div class="col-md-4 col-12 p-2">
            <div class="form-group">
                <label for="url">URL</label><span style="color: red;">*</span>
                <input type="text" class="form-control bg-light rounded-custom" id="url" name="url"
                       value="{{ old('url', $item->url ?? '') }}" data-required="true">
            </div>
        </div>

        {{-- قیمت و تنظیمات ارزی --}}
        <div class="col-md-4 col-12 p-2">
            <div class="form-group">
                <label for="price_foreign">قیمت ارزی</label><span style="color: red;">*</span>
                <input type="text" class="form-control bg-light rounded-custom" id="price_foreign"
                       name="price_foreign"
                       oninput="priceFormat(event)"
                       value="{{ old('price_foreign', $item->price_foreign ?? '0.00') }}">
            </div>
        </div>

        <div class="col-md-4 col-12 p-2">
            <div class="form-group">
                <label for="currency_type">نوع ارز</label>
                {{--                <input type="text" class="form-control bg-light rounded-custom" id="currency_type" name="currency_type"--}}
                {{--                       value="{{ old('currency_type', $item->currency_type ?? 'USD') }}">--}}
                <select class="form-control bg-light rounded-custom" id="currency_type" name="currency_type">
                    @foreach(@$avaiableCurrencies as $currency)
                        <option @if(@$item->currency_type == $currency['key']) selected
                                @endif value="{{$currency['key']}}">{{$currency['label']}}</option>
                    @endforeach
                </select>
            </div>
        </div>

        {{-- تصاویر و توضیحات کوتاه --}}
        {{--        <div class="col-md-6 col-12 p-2">--}}
        {{--            <div class="form-group">--}}
        {{--                <label for="image">تصویر خدمت</label>--}}
        {{--                <input type="file" class="form-control bg-light rounded-custom" id="image" name="image">--}}
        {{--                @if(isset($item) && $item->image)--}}
        {{--                    <div class="mt-2">--}}
        {{--                        <img src="{{ $item->getImageFile() }}" width="100" class="rounded shadow-sm">--}}
        {{--                    </div>--}}
        {{--                @endif--}}
        {{--            </div>--}}
        {{--        </div>--}}

        <div class="col-md-6 col-12 p-2">
            <div class="form-group">
                <label for="icon">تصویر آیکون</label>
                <input type="file" class="form-control bg-light rounded-custom" id="icon" name="icon">
                @if(isset($item) && $item->icon)
                    <div class="mt-2">
                        <img src="{{ $item->getIconFile() }}" width="100" class="rounded shadow-sm">
                    </div>
                @endif
            </div>
        </div>
        <div class="col-md-6 col-12 p-2">
            <div class="form-group">
                <label for="banner">تصویر بنر</label>
                <input type="file" class="form-control bg-light rounded-custom" id="banner" name="banner">
                @if(isset($item) && $item->banner)
                    <div class="mt-2">
                        <img src="{{ $item->getBannerFile() }}" width="100" class="rounded shadow-sm">
                    </div>
                @endif
            </div>
        </div>

        {{--  Parent  --}}
        <div class="col-md-6 col-12 p-2">
            <div class="form-group">
                <label for="parent_id">خدمت والد</label>
                <select name="parent_id" id="parent_id" class="form-control bg-light rounded-custom">
                    <option selected value="">-- انتخاب خدمت والد --</option>
                    @foreach($services as $other_service)
                        <option value="{{ $other_service->id }}"
                            {{ (old('parent_id', $item->parent_id ?? null) == $other_service->id ) ? 'selected' : '' }}>
                            {{ $other_service->title}}
                        </option>
                    @endforeach
                </select>
            </div>
        </div>


        <div class="col-12 p-2">
            <div class="form-group">
                <label for="short_description">توضیحات کوتاه (خلاصه)</label>
                <textarea id="short_description" name="short_description" class="form-control bg-light rounded-custom"
                          rows="3">{{ old('short_description', $item->short_description ?? '') }}</textarea>
            </div>
        </div>

        {{-- توضیحات اصلی و ویژگی‌ها با CKEditor --}}
        <div class="col-12 p-2">
            <div class="form-group">
                <label for="description">توضیحات کامل</label>
                <div class="ckeditor-div">
                    <textarea id="description" name="description" class="form-control bg-light rounded-custom ckeditor">
                        {{ old('description', $item->description ?? '') }}
                    </textarea>
                </div>
            </div>
        </div>

        {{--        <div class="col-12 p-2">--}}
        {{--            <div class="form-group">--}}
        {{--                <label for="features">ویژگی‌های فنی (Features)</label>--}}
        {{--                <div class="ckeditor-div">--}}
        {{--                    <textarea id="features" name="features" class="form-control bg-light rounded-custom ckeditor">--}}
        {{--                        {{ old('features', $item->features ?? '') }}--}}
        {{--                    </textarea>--}}
        {{--                </div>--}}
        {{--            </div>--}}
        {{--        </div>--}}

        {{-- سوییچ‌های وضعیت --}}
        <div class="col-md-3 col-6 p-2">
            <div class="form-check form-switch">
                <input type="hidden" name="is_active" value="0">
                <input class="form-check-input" type="checkbox" id="is_active" name="is_active" value="1"
                    {{ (old('is_active', $item->is_active ?? true)) ? 'checked' : '' }}>
                <label class="form-check-label" for="is_active">فعال</label>
            </div>
        </div>

        <div class="col-md-3 col-6 p-2">
            <div class="form-check form-switch">
                <input type="hidden" name="show_in_first_page" value="0">
                <input class="form-check-input" type="checkbox" id="show_in_first_page" name="show_in_first_page"
                       value="1"
                    {{ (old('show_in_first_page', $item->show_in_first_page ?? true)) ? 'checked' : '' }}>
                <label class="form-check-label" for="show_in_first_page">نمایش در صفحه اول</label>
            </div>
        </div>

        <div class="col-md-3 col-6 p-2">
            <div class="form-check form-switch">
                <input type="hidden" name="show_in_banner" value="0">
                <input class="form-check-input" type="checkbox" id="show_in_banner" name="show_in_banner" value="1"
                    {{ (old('show_in_banner', $item->show_in_banner ?? true)) ? 'checked' : '' }}>
                <label class="form-check-label" for="show_in_banner">نمایش عنوان در بنر</label>
            </div>
        </div>

        @include('admin.image-croper.modal-croper', [
            'inputId' => 'image', 'aspectWidth' => 1, 'aspectHeight' => 1, 'outputWidth' => 600, 'outputHeight' => 600
        ])

        <div class="col-12 ms-auto p-2">
            <button type="submit" class="btn btn-custom rounded-custom w-fit px-5">ذخیره خدمت</button>
        </div>
    </div>
</div>