@extends('admin.layout.admin')
@section('content')
    <div class="content-page">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0" style="font-size: 2.5rem; color: #333; font-weight: bold;">Service Us Page
                        Details</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="#" style="color: #666;">Service</a></li>
                        <li class="breadcrumb-item active" aria-current="page" style="color: #333; font-weight: bold;">
                            Dashboard
                        </li>
                    </ol>
                </div>
            </div>

            <form action="{{route('admin.serviceForm')}}" method="post" enctype="multipart/form-data">
                @csrf
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="title" style="font-size: 1.2rem; color: #555; font-weight: bold;">Title</label>
                            <input type="text" class="form-control" id="title" name="meta_title"
                                   placeholder="Enter Title"
                                   style="border: 1px solid #ccc; border-radius: 5px; padding: 8px 12px; margin-top: 5px;"
                                   value="{{$service->meta_title ?? ''}}">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="title"
                                   style="font-size: 1.2rem; color: #555; font-weight: bold;">Description</label>
                            <input type="text" class="form-control" id="title" name="meta_description"
                                   placeholder="Enter Description"
                                   style="border: 1px solid #ccc; border-radius: 5px; padding: 8px 12px; margin-top: 5px;"
                                   value="{{$service->meta_description ?? ''}}">
                        </div>
                    </div>
                </div>


                <div class="row">
                    <label for="title" style="font-size:2.5rem; color: #555; font-weight: bold;">---------------Service
                        Page Banner Section-------------------</label>

                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="title" style="font-size: 1.2rem; color: #555; font-weight: bold;"> Service Image
                                First</label>
                            <input type="file" class="form-control" name="service_banner_image"
                                   id="service_banner_image">
                            @if($service->getMedia('service_banner_image'))
                                <img id="service_banner_image_preview"
                                     src="{{ optional($service->getMedia('service_banner_image')->first())->getUrl() }}"
                                     alt="Service Image Preview"
                                     style="max-width: 200px; max-height: 200px; margin-top: 20px;">
                            @else
                                <img id="service_banner_image_preview" src="#" alt="Service Image Preview"
                                     style="max-width: 200px; max-height: 200px; margin-top: 20px;">
                            @endif
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="title" style="font-size: 1.2rem; color: #555; font-weight: bold;"> Title</label>
                            <input type="text" class="form-control" name="banner_title"
                                   value="{{$data->banner_title ?? ''}}">
                        </div>
                    </div>

                    <label for="title" style="font-size:2.5rem; color: #555; font-weight: bold;">---------------Service
                        Page Main Section-------------------</label>

                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="title" style="font-size: 1.2rem; color: #555; font-weight: bold;">Procurement
                                Service</label>
                            <input type="file" class="form-control" name="service_procurement_image"
                                   id="service_procurement_image">
                            @if($service->getMedia('service_procurement_image'))
                                <img id="service_procurement_image_preview"
                                     src="{{ optional($service->getMedia('service_procurement_image')->first())->getUrl() }}"
                                     alt="Service Image Preview"
                                     style="max-width: 200px; max-height: 200px; margin-top: 20px;">
                            @else
                                <img id="service_procurement_image_preview" src="#" alt="Service Image Preview"
                                     style="max-width: 200px; max-height: 200px; margin-top: 20px;">
                            @endif
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="procurement_service_heading"
                                   style="font-size: 1.2rem; color: #555; font-weight: bold;"> Procurement Service
                                Heading</label>
                            <input type="text" class="form-control" name="procurement_service_heading"
                                   value="{{$data->procurement_service_heading ?? ''}}">
                        </div>
                    </div>

                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="title"
                                   style="font-size: 1.2rem; color: #555; font-weight: bold;">Procurement
                                Description</label>
                            <textarea class="nic-edit-p" name="procurement_service_description"
                                      placeholder="{{ __('Description') }}"
                                      id="create_content"
                                      style="width: 100%; height: 300px;">{{old('banner_title',$data->procurement_service_description ?? '')}}</textarea>
                        </div>
                    </div>

                    <label for=""> Training Services</label>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="training_service_heading"
                                   style="font-size: 1.2rem; color: #555; font-weight: bold;"> Training Service Heading
                                1</label>
                            <input type="text" class="form-control" name="training_service_heading"
                                   value="{{$data->training_service_heading ?? ''}}">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="title" style="font-size: 1.2rem; color: #555; font-weight: bold;"> Training
                                Image 1</label>
                            <input type="file" class="form-control" name="service_training_image"
                                   id="service_training_image">
                            @if($service->getMedia('service_training_image'))
                                <img id="service_training_image_preview"
                                     src="{{ optional($service->getMedia('service_training_image')->first())->getUrl() }}"
                                     alt="Service Image Preview"
                                     style="max-width: 200px; max-height: 200px; margin-top: 20px;">
                            @else
                                <img id="service_training_image_preview" src="#" alt="Service Image Preview"
                                     style="max-width: 200px; max-height: 200px; margin-top: 20px;">
                            @endif
                        </div>
                    </div>

                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="title"
                                   style="font-size: 1.2rem; color: #555; font-weight: bold;">Training Description
                                2</label>
                            <textarea class="nic-edit-p" name="training_service_description"
                                      placeholder="{{ __('Description') }}"
                                      id="create_content_0"
                                      style="width: 100%; height: 300px;">{{old('banner_title',$data->training_service_description ?? '')}}</textarea>
                        </div>
                    </div>


                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="training_service_heading_1"
                                   style="font-size: 1.2rem; color: #555; font-weight: bold;"> Training Service Heading
                                2</label>
                            <input type="text" class="form-control" name="training_service_heading_1"
                                   value="{{$data->training_service_heading_1 ?? ''}}">
                        </div>
                    </div>



                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="title"
                                   style="font-size: 1.2rem; color: #555; font-weight: bold;">Training Description
                                2</label>
                            <textarea class="nic-edit-p" name="training_service_description_1"
                                      placeholder="{{ __('Description') }}"
                                      id="create_content_2"
                                      style="width: 100%; height: 300px;">{{old('banner_title',$data->training_service_description_1 ?? '')}}</textarea>
                        </div>
                    </div>


                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="training_service_heading_2"
                                   style="font-size: 1.2rem; color: #555; font-weight: bold;"> Training Heading
                                3 </label>
                            <input type="text" class="form-control" name="training_service_heading_2"
                                   value="{{$data->training_service_heading_2 ?? ''}}">
                        </div>
                    </div>




                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="title"
                                   style="font-size: 1.2rem; color: #555; font-weight: bold;">Training Description
                                3</label>
                            <textarea class="nic-edit-p" name="training_service_description_2"
                                      placeholder="{{ __('Description') }}"
                                      id="create_content_3"
                                      style="width: 100%; height: 300px;">{{old('banner_title',$data->training_service_description_2 ?? '')}}</textarea>
                        </div>
                    </div>


                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="training_service_heading_3"
                                   style="font-size: 1.2rem; color: #555; font-weight: bold;"> Training Service Heading
                                4</label>
                            <input type="text" class="form-control" name="training_service_heading_3"
                                   value="{{$data->training_service_heading_3 ?? ''}}">
                        </div>
                    </div>




                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="title"
                                   style="font-size: 1.2rem; color: #555; font-weight: bold;">Training Description
                                4</label>
                            <textarea class="nic-edit-p" name="training_service_description_3"
                                      placeholder="{{ __('Description') }}"
                                      id="create_content_4"
                                      style="width: 100%; height: 300px;">{{old('banner_title',$data->training_service_description_3 ?? '')}}</textarea>
                        </div>
                    </div>


                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="training_service_heading_4"
                                   style="font-size: 1.2rem; color: #555; font-weight: bold;"> Training Service Heading
                                5</label>
                            <input type="text" class="form-control" name="training_service_heading_4"
                                   value="{{$data->training_service_heading_4 ?? ''}}">
                        </div>
                    </div>


                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="title"
                                   style="font-size: 1.2rem; color: #555; font-weight: bold;">Training Description
                                5</label>
                            <textarea class="nic-edit-p" name="training_service_description_4"
                                      placeholder="{{ __('Description') }}"
                                      id="create_content_5"
                                      style="width: 100%; height: 300px;">{{old('banner_title',$data->training_service_description_4 ?? '')}}</textarea>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="title" style="font-size: 1.2rem; color: #555; font-weight: bold;"> Training
                                Image 5</label>
                            <input type="file" class="form-control" name="service_training4_image"
                                   id="service_training4_image">
                            @if($service->getMedia('service_training4_image'))
                                <img id="service_training4_image_preview"
                                     src="{{ optional($service->getMedia('service_training4_image')->first())->getUrl() }}"
                                     alt="Service Image Preview"
                                     style="max-width: 200px; max-height: 200px; margin-top: 20px;">
                            @else
                                <img id="service_training4_image_preview" src="#" alt="Service Image Preview"
                                     style="max-width: 200px; max-height: 200px; margin-top: 20px;">
                            @endif
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="title" style="font-size: 1.2rem; color: #555; font-weight: bold;"> Training
                                Image 4</label>
                            <input type="file" class="form-control" name="service_training3_image"
                                   id="service_training3_image">
                            @if($service->getMedia('service_training3_image'))
                                <img id="service_training3_image_preview"
                                     src="{{ optional($service->getMedia('service_training3_image')->first())->getUrl() }}"
                                     alt="Service Image Preview"
                                     style="max-width: 200px; max-height: 200px; margin-top: 20px;">
                            @else
                                <img id="service_training3_image_preview" src="#" alt="Service Image Preview"
                                     style="max-width: 200px; max-height: 200px; margin-top: 20px;">
                            @endif
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="title" style="font-size: 1.2rem; color: #555; font-weight: bold;"> Training
                                Image 3</label>
                            <input type="file" class="form-control" name="service_training2_image"
                                   id="service_training2_image">
                            @if($service->getMedia('service_training2_image'))
                                <img id="service_training2_image_preview"
                                     src="{{ optional($service->getMedia('service_training2_image')->first())->getUrl() }}"
                                     alt="Service Image Preview"
                                     style="max-width: 200px; max-height: 200px; margin-top: 20px;">
                            @else
                                <img id="service_training2_image_preview" src="#" alt="Service Image Preview"
                                     style="max-width: 200px; max-height: 200px; margin-top: 20px;">
                            @endif
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="title" style="font-size: 1.2rem; color: #555; font-weight: bold;"> Training
                                Image 2</label>
                            <input type="file" class="form-control" name="service_training1_image"
                                   id="service_training1_image">
                            @if($service->getMedia('service_training1_image'))
                                <img id="service_training1_image_preview"
                                     src="{{ optional($service->getMedia('service_training1_image')->first())->getUrl() }}"
                                     alt="Service Image Preview"
                                     style="max-width: 200px; max-height: 200px; margin-top: 20px;">
                            @else
                                <img id="service_training1_image_preview" src="#" alt="Service Image Preview"
                                     style="max-width: 200px; max-height: 200px; margin-top: 20px;">
                            @endif
                        </div>
                    </div>
                </div>
                <button type="submit" class="btn-submit">Submit</button>
            </form>


        </div>
    </div>
@endsection


@section('script')
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

    <script src="{{ asset('admin-assets/js/nicEdit.js') }}"></script>
    <script src="{{ asset('admin-assets/js/load.js') }}"></script>
    <script>
        $(document).ready(function () {
            bkLib.onDomLoaded(function () {
                new nicEditor({fullPanel: true}).panelInstance('create_content');
            });
        });
    </script>
    <script>
        $(document).ready(function () {
            bkLib.onDomLoaded(function () {
                new nicEditor({fullPanel: true}).panelInstance('create_content_0');
            });
        });
    </script>
    <script>
        $(document).ready(function () {
            bkLib.onDomLoaded(function () {
                new nicEditor({fullPanel: true}).panelInstance('create_content_2');
            });
        });
    </script>
    <script>
        $(document).ready(function () {
            bkLib.onDomLoaded(function () {
                new nicEditor({fullPanel: true}).panelInstance('create_content_3');
            });
        });
    </script>
    <script>
        $(document).ready(function () {
            bkLib.onDomLoaded(function () {
                new nicEditor({fullPanel: true}).panelInstance('create_content_4');
            });
        });
    </script>
    <script>
        $(document).ready(function () {
            bkLib.onDomLoaded(function () {
                new nicEditor({fullPanel: true}).panelInstance('create_content_5');
            });
        });
    </script>
@endsection