@extends('layouts.app')
@section('content')
    <div class="content-header">
        <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;">Home Page Details</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="#" style="color: #666;">Home</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.homeForm')}}" 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="{{$home->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="{{ $home->meta_description ?? '' }}">
                        </div>
                    </div>
                </div>

                <div class="row">
                    <label for="title" style="font-size:2.5rem; color: #555; font-weight: bold;">---------------Home
                        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;"> Banner Image
                                </label>
                            <input type="file" class="form-control" name="main_banner_image" id="main_banner_image">

                            @if($home->getMedia('main_banner_image') != null )
                                <img id="main_banner_image_preview"
                                     src="{{ optional($home->getMedia('main_banner_image')->first())->getUrl() }}"
                                     alt="Slider Image Preview"
                                     style="max-width: 200px; max-height: 200px; margin-top: 20px;">
                            @else
                                <img id="main_banner_image_preview" src="#" alt="Slider Image Preview"
                                     style="max-width: 200px; max-height: 200px; margin-top: 20px;">
                            @endif


                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="title"
                                       style="font-size: 1.2rem; color: #555; font-weight: bold;">Banner Heading</label>
                                <textarea type="text" class="form-control" id="main_banner_heading  " name="main_banner_heading"
                                       placeholder="Enter Description"
                                       style="border: 1px solid #ccc; border-radius: 5px; padding: 8px 12px; margin-top: 5px;"
                                          value="">{{ $data->main_banner_heading ?? '' }}</textarea>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="title"
                                   style="font-size: 1.2rem; color: #555; font-weight: bold;">banner button 1</label>
                            <textarea type="text" class="form-control" id="main_banner_btn1" name="main_banner_btn1"
                                      placeholder="Enter Description"
                                      style="border: 1px solid #ccc; border-radius: 5px; padding: 8px 12px; margin-top: 5px;"
                                      value="">{{ $data->main_banner_btn1 ?? '' }}</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;">banner button 2</label>
                            <textarea type="text" class="form-control" id="main_banner_btn2" name="main_banner_btn2"
                                      placeholder="Enter Description"
                                      style="border: 1px solid #ccc; border-radius: 5px; padding: 8px 12px; margin-top: 5px;"
                                      value="">{{ $data->main_banner_btn2 ?? '' }}</textarea>
                        </div>
                    </div>
                </div>
                    </div>

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

        <div class="col-md-12">
            <div class="form-group">
                <label for="title"
                       style="font-size: 1.2rem; color: #555; font-weight: bold;">Services Heading</label>
                <textarea type="text" class="form-control" id="title" name="help_heading"
                          placeholder="Enter Description"
                          style="border: 1px solid #ccc; border-radius: 5px; padding: 8px 12px; margin-top: 5px;"
                          value="">{{ $data->help_heading ?? '' }}</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;"> Service Image 1
                    </label>
                    <input type="file" class="form-control" name="service_icon_1" id="service_icon_1">

                    @if($home->getMedia('service_icon_1') != null )
                        <img id="service_icon_1_preview"
                             src="{{ optional($home->getMedia('service_icon_1')->first())->getUrl() }}"
                             alt="Slider Image Preview"
                             style="max-width: 200px; max-height: 200px; margin-top: 20px;">
                    @else
                        <img id="service_icon_1_preview" src="#" alt="Slider 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;">Services 1</label>
                    <textarea type="text" class="form-control" id="title" name="service1_heading"
                              placeholder="Enter Description"
                              style="border: 1px solid #ccc; border-radius: 5px; padding: 8px 12px; margin-top: 5px;"
                              value="">{{ $data->service1_heading ?? '' }}</textarea>
                </div>
                <div class="form-group">
                    <label for="title"
                           style="font-size: 1.2rem; color: #555; font-weight: bold;">Services 1 description</label>
                    <textarea type="text" class="form-control" id="title" name="service1_description"
                              placeholder="Enter Description"
                              style="border: 1px solid #ccc; border-radius: 5px; padding: 8px 12px; margin-top: 5px;"
                              value="">{{ $data->service1_description ?? '' }}</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;"> Service Image 2
                    </label>
                    <input type="file" class="form-control" name="service_icon_2" id="service_icon_2">

                    @if($home->getMedia('service_icon_2') != null )
                        <img id="service_icon_2_preview"
                             src="{{ optional($home->getMedia('service_icon_2')->first())->getUrl() }}"
                             alt="Slider Image Preview"
                             style="max-width: 200px; max-height: 200px; margin-top: 20px;">
                    @else
                        <img id="service_icon_2_preview" src="#" alt="Slider 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;">Services 2</label>
                    <textarea type="text" class="form-control" id="service2_heading" name="service2_heading"
                              placeholder="Enter Description"
                              style="border: 1px solid #ccc; border-radius: 5px; padding: 8px 12px; margin-top: 5px;"
                              value="">{{ $data->service2_heading ?? '' }}</textarea>
                </div>
                <div class="form-group">
                    <label for="title"
                           style="font-size: 1.2rem; color: #555; font-weight: bold;">Services 2 description</label>
                    <textarea type="text" class="form-control" id="service2_description" name="service2_description"
                              placeholder="Enter Description"
                              style="border: 1px solid #ccc; border-radius: 5px; padding: 8px 12px; margin-top: 5px;"
                              value="">{{ $data->service2_description ?? '' }}</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;"> Service Image 3
                    </label>
                    <input type="file" class="form-control" name="service_icon_3" id="service_icon_3">

                    @if($home->getMedia('service_icon_3') != null )
                        <img id="service_icon_3_preview"
                             src="{{ optional($home->getMedia('service_icon_3')->first())->getUrl() }}"
                             alt="Slider Image Preview"
                             style="max-width: 200px; max-height: 200px; margin-top: 20px;">
                    @else
                        <img id="service_icon_3_preview" src="#" alt="Slider 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;">Services title 3</label>
                    <textarea type="text" class="form-control" id="service3_heading" name="service3_heading"
                              placeholder="Enter Description"
                              style="border: 1px solid #ccc; border-radius: 5px; padding: 8px 12px; margin-top: 5px;"
                              value="">{{ $data->service3_heading ?? '' }}</textarea>
                </div>
                <div class="form-group">
                    <label for="title"
                           style="font-size: 1.2rem; color: #555; font-weight: bold;">Services 3 description</label>
                    <textarea type="text" class="form-control" id="service3_description" name="service3_description"
                              placeholder="Enter Description"
                              style="border: 1px solid #ccc; border-radius: 5px; padding: 8px 12px; margin-top: 5px;"
                              value="">{{ $data->service3_description ?? '' }}</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;"> Service Image 4
                    </label>
                    <input type="file" class="form-control" name="service_icon_4" id="service_icon_4">

                    @if($home->getMedia('service_icon_4') != null )
                        <img id="service_icon_4_preview"
                             src="{{ optional($home->getMedia('service_icon_4')->first())->getUrl() }}"
                             alt="Slider Image Preview"
                             style="max-width: 200px; max-height: 200px; margin-top: 20px;">
                    @else
                        <img id="service_icon_4_preview" src="#" alt="Slider 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;">Services title 4</label>
                    <textarea type="text" class="form-control" id="title" name="service4_heading"
                              placeholder="Enter Description"
                              style="border: 1px solid #ccc; border-radius: 5px; padding: 8px 12px; margin-top: 5px;"
                              value="">{{ $data->service4_heading ?? '' }}</textarea>
                </div>
                <div class="form-group">
                    <label for="title"
                           style="font-size: 1.2rem; color: #555; font-weight: bold;">Services 4 description</label>
                    <textarea type="text" class="form-control" id="service4_description" name="service4_description"
                              placeholder="Enter Description"
                              style="border: 1px solid #ccc; border-radius: 5px; padding: 8px 12px; margin-top: 5px;"
                              value="">{{ $data->service4_description ?? '' }}</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;"> Service Image 5
                    </label>
                    <input type="file" class="form-control" name="service_icon_5" id="service_icon_5">

                    @if($home->getMedia('service_icon_5') != null )
                        <img id="service_icon_5_preview"
                             src="{{ optional($home->getMedia('service_icon_5')->first())->getUrl() }}"
                             alt="Slider Image Preview"
                             style="max-width: 200px; max-height: 200px; margin-top: 20px;">
                    @else
                        <img id="service_icon_5_preview" src="#" alt="Slider 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;">Services title 5</label>
                    <textarea type="text" class="form-control" id="title" name="service5_heading"
                              placeholder="Enter Description"
                              style="border: 1px solid #ccc; border-radius: 5px; padding: 8px 12px; margin-top: 5px;"
                              value="">{{ $data->service5_heading ?? '' }}</textarea>
                </div>
                <div class="form-group">
                    <label for="title"
                           style="font-size: 1.2rem; color: #555; font-weight: bold;">Services 5 description</label>
                    <textarea type="text" class="form-control" id="service5_description" name="service5_description"
                              placeholder="Enter Description"
                              style="border: 1px solid #ccc; border-radius: 5px; padding: 8px 12px; margin-top: 5px;"
                              value="">{{ $data->service5_description ?? '' }}</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;"> Service Image 6
                    </label>
                    <input type="file" class="form-control" name="service_icon_6" id="service_icon_6">

                    @if($home->getMedia('service_icon_6') != null )
                        <img id="service_icon_6_preview"
                             src="{{ optional($home->getMedia('service_icon_6')->first())->getUrl() }}"
                             alt="Slider Image Preview"
                             style="max-width: 200px; max-height: 200px; margin-top: 20px;">
                    @else
                        <img id="service_icon_6_preview" src="#" alt="Slider 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;">Services title 6</label>
                    <textarea type="text" class="form-control" id="title" name="service6_heading"
                              placeholder="Enter Description"
                              style="border: 1px solid #ccc; border-radius: 5px; padding: 8px 12px; margin-top: 5px;"
                              value="">{{ $data->service6_heading ?? '' }}</textarea>
                </div>
                <div class="form-group">
                    <label for="title"
                           style="font-size: 1.2rem; color: #555; font-weight: bold;">Services 6 description</label>
                    <textarea type="text" class="form-control" id="service6_description" name="service6_description"
                              placeholder="Enter Description"
                              style="border: 1px solid #ccc; border-radius: 5px; padding: 8px 12px; margin-top: 5px;"
                              value="">{{ $data->service6_description ?? '' }}</textarea>
                </div>
            </div>
                <div class="row">
                    <label for="title" style="font-size:2.5rem; color: #555; font-weight: bold;">-----------------------Company
                        Section----------------------</label>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="title"
                                   style="font-size: 1.2rem; color: #555; font-weight: bold;">Company Section Heading</label>
                            <textarea type="text" class="form-control" id="title" name="company_section_heading"
                                      placeholder="Enter Description"
                                      style="border: 1px solid #ccc; border-radius: 5px; padding: 8px 12px; margin-top: 5px;"
                                      value="">{{ $data->company_section_heading ?? '' }}</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;">Company section description</label>
                            <textarea type="text" class="form-control" id="title" name="company_section_description"
                                      placeholder="Enter Description"
                                      style="border: 1px solid #ccc; border-radius: 5px; padding: 8px 12px; margin-top: 5px;"
                                      value="">{{ $data->company_section_description ?? '' }}</textarea>
                        </div>
                    </div>
                </div>
            <div class="row">
                <label for="title" style="font-size:2.5rem; color: #555; font-weight: bold;">-----------------------Comment
                    Section----------------------</label>
                <div class="col-md-6">
                    <div class="form-group">
                        <label for="title"
                               style="font-size: 1.2rem; color: #555; font-weight: bold;">Comment Section Description</label>
                        <textarea type="text" class="form-control" id="title" name="commentbox_text"
                                  placeholder="Enter Description"
                                  style="border: 1px solid #ccc; border-radius: 5px; padding: 8px 12px; margin-top: 5px;"
                                  value="">{{ $data->commentbox_text ?? '' }}</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;">Comment Box title</label>
                        <textarea type="text" class="form-control" id="title" name="commentbox_detail_name"
                                  placeholder="Enter Description"
                                  style="border: 1px solid #ccc; border-radius: 5px; padding: 8px 12px; margin-top: 5px;"
                                  value="">{{ $data->commentbox_detail_name ?? '' }}</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;">Comment box position</label>
                        <textarea type="text" class="form-control" id="title" name="commentbox_detail_position"
                                  placeholder="Enter Description"
                                  style="border: 1px solid #ccc; border-radius: 5px; padding: 8px 12px; margin-top: 5px;"
                                  value="">{{ $data->commentbox_detail_position ?? '' }}</textarea>
                    </div>
                </div>

            </div>

            <div class="row">
                <label for="title" style="font-size:2.5rem; color: #555; font-weight: bold;">--------------- CTA Section-------------------</label>
            </div>
                <div class="col-md-12">
                    <div class="form-group">

                        <input type="file" class="form-control" name="cta_image" id="cta_image">

                        @if($home->getMedia('cta_image') != null )
                            <img id="cta_image_preview"
                                 src="{{ optional($home->getMedia('cta_image')->first())->getUrl() }}"
                                 alt="Slider Image Preview"
                                 style="max-width: 200px; max-height: 200px; margin-top: 20px;">
                        @else
                            <img id="cta_image_preview" src="#" alt="Slider Image Preview"
                                 style="max-width: 200px; max-height: 200px; margin-top: 20px;">
                        @endif


                    </div>
                </div>


            <div class="row">
                <label for="title" style="font-size:2.5rem; color: #555; font-weight: bold;">--------------- Industry Section-------------------</label>
            </div>
               <div class="col-md-12">
                   <div class="form-group">
                       <label for="title"
                              style="font-size: 1.2rem; color: #555; font-weight: bold;">Industry  Heading</label>
                       <textarea type="text" class="form-control" id="title" name="industry_section_heading"
                                 placeholder="Enter Description"
                                 style="border: 1px solid #ccc; border-radius: 5px; padding: 8px 12px; margin-top: 5px;"
                                 value="">{{ $data->industry_section_heading ?? '' }}</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;"> Industy Image 1
                        </label>
                        <input type="file" class="form-control" name="industry_icon_1" id="industry_icon_1">

                        @if($home->getMedia('industry_icon_1') != null )
                            <img id="industry_icon_1_preview"
                                 src="{{ optional($home->getMedia('industry_icon_1')->first())->getUrl() }}"
                                 alt="Slider Image Preview"
                                 style="max-width: 200px; max-height: 200px; margin-top: 20px;">
                        @else
                            <img id="industry_icon_1_preview" src="#" alt="Slider 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;">Industry title</label>
                        <textarea type="text" class="form-control" id="title" name="industry_title_1"
                                  placeholder="Enter Description"
                                  style="border: 1px solid #ccc; border-radius: 5px; padding: 8px 12px; margin-top: 5px;"
                                  value="">{{ $data->industry_title_1 ?? '' }}</textarea>
                    </div>
                    <div class="form-group">
                        <label for="title"
                               style="font-size: 1.2rem; color: #555; font-weight: bold;">Industry  sub title</label>
                        <textarea type="text" class="form-control" id="title" name="industry_subtitle_1"
                                  placeholder="Enter Description"
                                  style="border: 1px solid #ccc; border-radius: 5px; padding: 8px 12px; margin-top: 5px;"
                                  value="">{{ $data->industry_subtitle_1 ?? '' }}</textarea>
                    </div>
                    <div class="form-group">
                        <label for="title"
                               style="font-size: 1.2rem; color: #555; font-weight: bold;">Industry  Description</label>
                        <textarea type="text" class="form-control" id="title" name="industry_description_1"
                                  placeholder="Enter Description"
                                  style="border: 1px solid #ccc; border-radius: 5px; padding: 8px 12px; margin-top: 5px;"
                                  value="">{{ $data->industry_description_1 ?? '' }}</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;"> Industy Image 2
                    </label>
                    <input type="file" class="form-control" name="industry_icon_2" id="industry_icon_2">

                    @if($home->getMedia('industry_icon_2') != null )
                        <img id="industry_icon_2_preview"
                             src="{{ optional($home->getMedia('industry_icon_2')->first())->getUrl() }}"
                             alt="Slider Image Preview"
                             style="max-width: 200px; max-height: 200px; margin-top: 20px;">
                    @else
                        <img id="industry_icon_2_preview" src="#" alt="Slider 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;">Industry title 2</label>
                    <textarea type="text" class="form-control" id="title" name="industry_title_2"
                              placeholder="Enter Description"
                              style="border: 1px solid #ccc; border-radius: 5px; padding: 8px 12px; margin-top: 5px;"
                              value="">{{ $data->industry_title_2 ?? '' }}</textarea>
                </div>
                <div class="form-group">
                    <label for="title"
                           style="font-size: 1.2rem; color: #555; font-weight: bold;">Industry  sub title 2</label>
                    <textarea type="text" class="form-control" id="title" name="industry_subtitle_2"
                              placeholder="Enter Description"
                              style="border: 1px solid #ccc; border-radius: 5px; padding: 8px 12px; margin-top: 5px;"
                              value="">{{ $data->industry_subtitle_2 ?? '' }}</textarea>
                </div>
                <div class="form-group">
                    <label for="title"
                           style="font-size: 1.2rem; color: #555; font-weight: bold;">Industry  Description 2</label>
                    <textarea type="text" class="form-control" id="title" name="industry_description_2"
                              placeholder="Enter Description"
                              style="border: 1px solid #ccc; border-radius: 5px; padding: 8px 12px; margin-top: 5px;"
                              value="">{{ $data->industry_description_2 ?? '' }}</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;"> Industy Image 3
                    </label>
                    <input type="file" class="form-control" name="industry_icon_3" id="industry_icon_3">

                    @if($home->getMedia('industry_icon_3') != null )
                        <img id="industry_icon_3_preview"
                             src="{{ optional($home->getMedia('industry_icon_3')->first())->getUrl() }}"
                             alt="Slider Image Preview"
                             style="max-width: 200px; max-height: 200px; margin-top: 20px;">
                    @else
                        <img id="industry_icon_3_preview" src="#" alt="Slider 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;">Industry title 3</label>
                    <textarea type="text" class="form-control" id="title" name="industry_title_3"
                              placeholder="Enter Description"
                              style="border: 1px solid #ccc; border-radius: 5px; padding: 8px 12px; margin-top: 5px;"
                              value="">{{ $data->industry_title_3 ?? '' }}</textarea>
                </div>
                <div class="form-group">
                    <label for="title"
                           style="font-size: 1.2rem; color: #555; font-weight: bold;">Industry  sub title 3</label>
                    <textarea type="text" class="form-control" id="title" name="industry_subtitle_3"
                              placeholder="Enter Description"
                              style="border: 1px solid #ccc; border-radius: 5px; padding: 8px 12px; margin-top: 5px;"
                              value="">{{ $data->industry_subtitle_3 ?? '' }}</textarea>
                </div>
                <div class="form-group">
                    <label for="title"
                           style="font-size: 1.2rem; color: #555; font-weight: bold;">Industry  Description 3</label>
                    <textarea type="text" class="form-control" id="title" name="industry_description_3"
                              placeholder="Enter Description"
                              style="border: 1px solid #ccc; border-radius: 5px; padding: 8px 12px; margin-top: 5px;"
                              value="">{{ $data->industry_description_3 ?? '' }}</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;"> Industy Image 4
                    </label>
                    <input type="file" class="form-control" name="industry_icon_4" id="industry_icon_4">

                    @if($home->getMedia('industry_icon_4') != null )
                        <img id="industry_icon_4_preview"
                             src="{{ optional($home->getMedia('industry_icon_4')->first())->getUrl() }}"
                             alt="Slider Image Preview"
                             style="max-width: 200px; max-height: 200px; margin-top: 20px;">
                    @else
                        <img id="industry_icon_4_preview" src="#" alt="Slider 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;">Industry title 4</label>
                    <textarea type="text" class="form-control" id="title" name="industry_title_4"
                              placeholder="Enter Description"
                              style="border: 1px solid #ccc; border-radius: 5px; padding: 8px 12px; margin-top: 5px;"
                              value="">{{ $data->industry_title_4 ?? '' }}</textarea>
                </div>
                        <div class="form-group">
                        <label for="title"
                           style="font-size: 1.2rem; color: #555; font-weight: bold;">Industry  sub title 4</label>
                    <textarea type="text" class="form-control" id="title" name="industry_subtitle_4"
                              placeholder="Enter Description"
                              style="border: 1px solid #ccc; border-radius: 5px; padding: 8px 12px; margin-top: 5px;"
                              value="">{{ $data->industry_subtitle_4 ?? '' }}</textarea>
                </div>
                <div class="form-group">
                    <label for="title"
                           style="font-size: 1.2rem; color: #555; font-weight: bold;">Industry  Description 4</label>
                    <textarea type="text" class="form-control" id="title" name="industry_description_4"
                              placeholder="Enter Description"
                              style="border: 1px solid #ccc; border-radius: 5px; padding: 8px 12px; margin-top: 5px;"
                              value="">{{ $data->industry_description_4 ?? '' }}</textarea>
                </div>
            </div>
            <div class="row">
                <label for="title" style="font-size:2.5rem; color: #555; font-weight: bold;">--------------- About Us Section-------------------</label>
            </div>
            <div class="col-md-12">
                <div class="form-group">
                    <label for="title" style="font-size: 1.2rem; color: #555; font-weight: bold;">About Image
                    </label>
                    <input type="file" class="form-control" name="about_image" id="about_image">

                    @if($home->getMedia('about_image') != null )
                        <img id="about_image_preview"
                             src="{{ optional($home->getMedia('about_image')->first())->getUrl() }}"
                             alt="Slider Image Preview"
                             style="max-width: 200px; max-height: 200px; margin-top: 20px;">
                    @else
                        <img id="about_image_preview" src="#" alt="Slider 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;">About Main Headign</label>
                    <textarea type="text" class="form-control" id="title" name="aboutUs_main_heading"
                              placeholder="Enter Description"
                              style="border: 1px solid #ccc; border-radius: 5px; padding: 8px 12px; margin-top: 5px;"
                              value="">{{ $data->aboutUs_main_heading ?? '' }}</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;">About subtitle 1</label>
                    <textarea type="text" class="form-control" id="title" name="about_subtitle1"
                              placeholder="Enter Description"
                              style="border: 1px solid #ccc; border-radius: 5px; padding: 8px 12px; margin-top: 5px;"
                              value="">{{ $data->about_subtitle1 ?? '' }}</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;">About Description 1</label>
                    <textarea type="text" class="form-control" id="title" name="about_description1"
                              placeholder="Enter Description"
                              style="border: 1px solid #ccc; border-radius: 5px; padding: 8px 12px; margin-top: 5px;"
                              value="">{{ $data->about_description1 ?? '' }}</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;">About subtitle 2</label>
                    <textarea type="text" class="form-control" id="title" name="about_subtitle2"
                              placeholder="Enter Description"
                              style="border: 1px solid #ccc; border-radius: 5px; padding: 8px 12px; margin-top: 5px;"
                              value="">{{ $data->about_subtitle2 ?? '' }}</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;">About Description 2</label>
                    <textarea type="text" class="form-control" id="title" name="about_description2"
                              placeholder="Enter Description"
                              style="border: 1px solid #ccc; border-radius: 5px; padding: 8px 12px; margin-top: 5px;"
                              value="">{{ $data->about_description2 ?? '' }}</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;">About subtitle 3</label>
                    <textarea type="text" class="form-control" id="title" name="about_subtitle3"
                              placeholder="Enter Description"
                              style="border: 1px solid #ccc; border-radius: 5px; padding: 8px 12px; margin-top: 5px;"
                              value="">{{ $data->about_subtitle3 ?? '' }}</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;">About Description 3</label>
                    <textarea type="text" class="form-control" id="title" name="about_description3"
                              placeholder="Enter Description"
                              style="border: 1px solid #ccc; border-radius: 5px; padding: 8px 12px; margin-top: 5px;"
                              value="">{{ $data->about_description3 ?? '' }}</textarea>
                </div>
            </div>


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

            <div class="col-md-12">
                <div class="form-group">
                    <label for="title"
                           style="font-size: 1.2rem; color: #555; font-weight: bold;">Inquiry Heading</label>
                    <textarea type="text" class="form-control" id="title" name="inquiry_heading"
                              placeholder="Enter Description"
                              style="border: 1px solid #ccc; border-radius: 5px; padding: 8px 12px; margin-top: 5px;"
                              value="">{{ $data->inquiry_heading ?? '' }}</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;">Inquiry Description</label>
                    <textarea type="text" class="form-control" id="title" name="inquiry_description"
                              placeholder="Enter Description"
                              style="border: 1px solid #ccc; border-radius: 5px; padding: 8px 12px; margin-top: 5px;"
                              value="">{{ $data->inquiry_description ?? '' }}</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;">Inquiry Button</label>
                    <textarea type="text" class="form-control" id="title" name="inquiry_button"
                              placeholder="Enter Description"
                              style="border: 1px solid #ccc; border-radius: 5px; padding: 8px 12px; margin-top: 5px;"
                              value="">{{ $data->inquiry_button ?? '' }}</textarea>
                </div>
            </div>
        </div>
    </div>
                <button type="submit" class="btn btn-success">Submit</button>
            </form>
        </div>
    </div>
@endsection
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>