@extends('admin.layout.app');
@section('content')
  <div class="content-wrapper">
    <!-- Content -->
    <div class="container-xxl flex-grow-1 container-p-y">

      <!-- Content -->
 
      <form action="{{ route('admin.home.page.store') }}" method="post"  enctype="multipart/form-data">
      @csrf
      <div class="row mb-6 gy-6">
        <!-- Basic Layout -->
        <div class="col-xxl">
          <div class="card">
            <div class="card-header d-flex align-items-center justify-content-between">
              <h5 class="mb-0">Slider Section</h5>
               
            </div>
            <div class="card-body">
  <div class="row mb-6">
    <label class="col-sm-2 col-form-label" for="slider_one_video">Slider One Video</label>
    <div class="col-sm-10">
      <input type="file" class="form-control" name="slider_one_video" id="slider_one_video" />
      
      <video 
    src="{{ asset('uploads/pages/' . ($data['slider_one_video'] ?? '')) }}" 
    width="200" 
    height="400" 
    autoplay 
    muted 
    loop 
    playsinline
></video>
      
    </div>
  </div>

  <div class="row mb-6">
    <label class="col-sm-2 col-form-label" for="slider_one_title">Slider One Title</label>
    <div class="col-sm-10">
      <input type="text" class="form-control" name="slider_one_title" id="slider_one_title" placeholder="ACME Inc." value="{{ $data['slider_one_title'] ?? '' }}"/>
    </div>
  </div>

  <div class="row mb-6">
    <label class="col-sm-2 col-form-label" for="slider_one_subtitle">Slider One Sub Title</label>
    <div class="col-sm-10">
      <input type="text" name="slider_one_subtitle" id="slider_one_subtitle" class="form-control" placeholder="Subtitle here" value="{{ $data['slider_one_subtitle'] ?? '' }}" />
    </div>
  </div>

  <div class="row mb-6">
    <label class="col-sm-2 col-form-label" for="slider_one_description">Slider One Description</label>
    <div class="col-sm-10">
      <textarea id="slider_one_description" class="form-control" name="slider_one_description" placeholder="Description here" >{{ $data['slider_one_description'] ?? '' }}</textarea>
    </div>
  </div>

  <div class="row mb-6">
    <label class="col-sm-2 col-form-label" for="slider_one_button">Slider One Button</label>
    <div class="col-sm-10">
      <input type="text" id="slider_one_button" class="form-control" name="slider_one_button" placeholder="Button text" value="{{ $data['slider_one_button'] ?? ''}}"/>
    </div>
  </div>

  <div class="row mb-6">
    <label class="col-sm-2 col-form-label" for="slider_one_button_link">Slider One Button Link</label>
    <div class="col-sm-10">
      <input type="text" id="slider_one_button_link" class="form-control" name="slider_one_button_link" placeholder="Button link URL" value="{{ $data['slider_one_button_link'] ?? ''}}" />
    </div>
  </div>
</div>




<div class="card-body">
 

  <div class="row mb-6">
    <label class="col-sm-2 col-form-label" for="slider_two_title">Slider Two Title</label>
    <div class="col-sm-10">
      <input type="text" class="form-control" name="slider_two_title" id="slider_two_title" placeholder="ACME Inc." value="{{ $data['slider_two_title'] ?? ''}}"/>
    </div>
  </div>

  <div class="row mb-6">
    <label class="col-sm-2 col-form-label" for="slider_two_subtitle">Slider Two Sub Title</label>
    <div class="col-sm-10">
      <input type="text" class="form-control" name="slider_two_subtitle" id="slider_two_subtitle" placeholder="Subtitle here" value="{{ $data['slider_two_subtitle'] ?? ''}}" />
    </div>
  </div>

  <div class="row mb-6">
    <label class="col-sm-2 col-form-label" for="slider_two_description">Slider Two Description</label>
    <div class="col-sm-10">
      <textarea class="form-control" name="slider_two_description" id="slider_two_description" placeholder="Description here" >{{ $data['slider_two_description'] ?? ''}}</textarea>
    </div>
  </div>

  <div class="row mb-6">
    <label class="col-sm-2 col-form-label" for="slider_two_button">Slider Two Button</label>
    <div class="col-sm-10">
      <input type="text" class="form-control" name="slider_two_button" id="slider_two_button" placeholder="Button text" value="{{ $data['slider_two_button'] ?? '' }}"/>
    </div>
  </div>

  <div class="row mb-6">
    <label class="col-sm-2 col-form-label" for="slider_two_button_link">Slider Two Button Link</label>
    <div class="col-sm-10">
      <input type="text" class="form-control" name="slider_two_button_link" id="slider_two_button_link" placeholder="Button link URL" value="{{ $data['slider_two_button_link'] ?? ''}}"/>
    </div>
  </div>


  <!-- Slider Three -->
   
<br><br>
  <div class="row mb-6">
    <label class="col-sm-2 col-form-label" for="slider_three_title">Slider Three Title</label>
    <div class="col-sm-10">
      <input type="text" class="form-control" name="slider_three_title" id="slider_three_title" placeholder="ACME Inc." value="{{ $data['slider_three_title'] ?? '' }}" />
    </div>
  </div>

  <div class="row mb-6">
    <label class="col-sm-2 col-form-label" for="slider_three_subtitle">Slider Three Sub Title</label>
    <div class="col-sm-10">
      <input type="text" class="form-control" name="slider_three_subtitle" id="slider_three_subtitle" placeholder="Subtitle here" value="{{ $data['slider_three_subtitle'] ?? '' }}" />
    </div>
  </div>

  <div class="row mb-6">
    <label class="col-sm-2 col-form-label" for="slider_three_description">Slider Three Description</label>
    <div class="col-sm-10">
      <textarea class="form-control" name="slider_three_description" id="slider_three_description" placeholder="Description here">{{ $data['slider_three_description'] ?? ''}}</textarea>
    </div>
  </div>

  <div class="row mb-6">
    <label class="col-sm-2 col-form-label" for="slider_three_button">Slider Three Button</label>
    <div class="col-sm-10">
      <input type="text" class="form-control" name="slider_three_button" id="slider_three_button" placeholder="Button text" value="{{ $data['slider_three_button'] ?? ''}}"/>
    </div>
  </div>

  <div class="row mb-6">
    <label class="col-sm-2 col-form-label" for="slider_three_button_link">Slider Three Button Link</label>
    <div class="col-sm-10">
      <input type="text" class="form-control" name="slider_three_button_link" id="slider_three_button_link" placeholder="Button link URL" value="{{ $data['slider_three_button_link'] ?? ''}}" />
    </div>
  </div>

</div>



          </div>




        </div>
      </div>


<br><br>

<div class="row mb-6 gy-6">
  <div class="col-xxl">
    <div class="card">
      <div class="card-header d-flex align-items-center justify-content-between">
        <h5 class="mb-0">About Section</h5>
      </div>
      <div class="card-body">
        <div class="row mb-6">
          <label class="col-sm-2 col-form-label" for="side_image">Side Image</label>
          <div class="col-sm-10">
            <input type="file" class="form-control" id="side_image" name="side_image" />
             
            <img src="{{ asset('uploads/pages/' . ($data['side_image'] ?? '')) }}"
            width="200" 
            height="400" 
            alt="">
            
            
          </div>
        </div>
        <div class="row mb-6">
          <label class="col-sm-2 col-form-label" for="about_title">About Title</label>
          <div class="col-sm-10">
            <input type="text" class="form-control" id="about_title" name="about_title" placeholder="ACME Inc." value="{{ $data['about_title'] ?? '' }}" />
          </div>
        </div>
        <div class="row mb-6">
          <label class="col-sm-2 col-form-label" for="main_title">Main Title</label>
          <div class="col-sm-10">
            <input type="text" id="main_title" class="form-control" name="main_title" placeholder="john.doe" value="{{ $data['main_title'] ?? '' }}"/>
          </div>
        </div>
        <div class="row mb-6">
          <label class="col-sm-2 col-form-label" for="about_description">About Description</label>
          <div class="col-sm-10">
            <textarea id="about_description" class="form-control" name="about_description" placeholder="Hi, Do you have a moment to talk Joe?" >{{ $data['about_description'] ?? ''}}</textarea>
          </div>
        </div>
        <div class="row mb-6">
          <label class="col-sm-2 col-form-label" for="about_button">About Button</label>
          <div class="col-sm-10">
            <input type="text" id="about_button" class="form-control" name="about_button" placeholder="Button text" value="{{ $data['about_button'] ?? ''}}" />
          </div>
        </div>
        <div class="row mb-6">
          <label class="col-sm-2 col-form-label" for="about_button_link">About Button Link</label>
          <div class="col-sm-10">
            <input type="text" id="about_button_link" class="form-control" name="about_button_link" placeholder="Button link URL" value="{{ $data['about_button_link'] ?? '' }}" />
          </div>
        </div>
      </div>
    </div>
  </div>
</div>


<br><br>

   <!-- Plaining Section -->
   <div class="row mb-6 gy-6">
  <div class="col-xxl">
    <div class="card">
      <div class="card-header d-flex align-items-center justify-content-between">
        <h5 class="mb-0">Plaining Section</h5>
      </div>
      <div class="card-body">
        <div class="row mb-6">
          <label class="col-sm-2 col-form-label" for="image1">Image 1</label>
          <div class="col-sm-10">
            <input type="file" class="form-control" id="image1" name="image1"  value="{{ $data['image1'] ?? '' }}"/>
            
            <img src="{{ asset('uploads/pages/' . ($data['image1'] ?? '')) }}"
            width="200" 
            height="400" 
            alt="">
            
            
          </div>
        </div>

        <div class="row mb-6">
          <label class="col-sm-2 col-form-label" for="h1">h1</label>
          <div class="col-sm-10">
            <input type="text" class="form-control" id="h1" name="h1" value="{{ $data['h1'] ?? ''}}" />
          </div>
        </div>

        <div class="row mb-6">
          <label class="col-sm-2 col-form-label" for="plaining_space">Plaining Space</label>
          <div class="col-sm-10">
            <input type="text" class="form-control" id="plaining_space" name="plaining_space" value="{{ $data['plaining_space'] ?? '' }}"/>
          </div>
        </div>

        <div class="row mb-6">
          <label class="col-sm-2 col-form-label" for="image2">Image 2</label>
          <div class="col-sm-10">
            <input type="file" class="form-control" id="image2" name="image2" value="{{ $data['image2'] ?? '' }}"/>
            
            <img src="{{ asset('uploads/pages/' . ($data['image2'] ?? '')) }}"
            width="200"
            height="400"
            alt="">
            
            
          </div>
        </div>

        <div class="row mb-6">
          <label class="col-sm-2 col-form-label" for="h2">h2</label>
          <div class="col-sm-10">
            <input type="text" class="form-control" id="h2" name="h2" value="{{ $data['h2'] ?? ''}}"/>
          </div>
        </div>

        <div class="row mb-6">
          <label class="col-sm-2 col-form-label" for="sketches">Sketches</label>
          <div class="col-sm-10">
            <input type="text" id="sketches" class="form-control" name="sketches" value="{{ $data['sketches'] ?? '' }}"/>
          </div>
        </div>

        <div class="row mb-6">
          <label class="col-sm-2 col-form-label" for="image3">Image 3</label>
          <div class="col-sm-10">
            <input type="file" class="form-control" id="image3" name="image3" value="{{ $data['image3'] ??  ''}}"/>
             
            <img src="{{ asset('uploads/pages/' . ($data['image3'] ?? '')) }}"
            width="200"
            height="400"
            alt="">
            
            
          </div>
        </div>

        <div class="row mb-6">
          <label class="col-sm-2 col-form-label" for="h3">h3</label>
          <div class="col-sm-10">
            <input type="text" class="form-control" id="h3" name="h3" value="{{ $data['h3']  ?? ''}}" />
          </div>
        </div>

        <div class="row mb-6">
          <label class="col-sm-2 col-form-label" for="buildings">Buildings</label>
          <div class="col-sm-10">
            <input type="text" class="form-control" id="buildings" name="buildings" value="{{ $data['buildings'] ?? '' }}"/>
          </div>
        </div>

        <div class="row mb-6">
          <label class="col-sm-2 col-form-label" for="heading">Heading</label>
          <div class="col-sm-10">
            <input type="text" class="form-control" id="heading" name="heading" value="{{ $data['heading'] ?? ''}}" />
          </div>
        </div>

        <div class="row mb-6">
          <label class="col-sm-2 col-form-label" for="plaining_button">Plaining Button</label>
          <div class="col-sm-10">
            <input type="text" id="plaining_button" class="form-control" name="plaining_button"  value="{{ $data['plaining_button'] ?? '' }}"/>
          </div>
        </div>

        <div class="row mb-6">
          <label class="col-sm-2 col-form-label" for="plaining_link">Plaining Button Link</label>
          <div class="col-sm-10">
            <input type="text" id="plaining_link" class="form-control" name="plaining_link" value="{{ $data['plaining_link']  ?? ''}}"   />
          </div>
        </div>
      </div>
    </div>
  </div>
</div>


<br><br>

<!-- Service Section -->
<div class="row mb-6 gy-6">
  <div class="col-xxl">
    <div class="card">
      <div class="card-header d-flex align-items-center justify-content-between">
        <h5 class="mb-0">Service Section</h5>
      </div>
      <div class="card-body">
        <div class="row mb-6">
          <label class="col-sm-2 col-form-label" for="offers">Offers</label>
          <div class="col-sm-10">
            <input type="text" class="form-control" id="offers" name="offers" value="{{ $data['offers'] ?? '' }}"/>
          </div>
        </div>

        <div class="row mb-6">
          <label class="col-sm-2 col-form-label" for="view_all">View All</label>
          <div class="col-sm-10">
            <input type="text" class="form-control" id="view_all" name="view_all" value="{{ $data['view_all'] ?? '' }}" />
          </div>
        </div>

        <div class="row mb-6">
          <label class="col-sm-2 col-form-label" for="view_link">View Link</label>
          <div class="col-sm-10">
            <input type="text" class="form-control" id="view_link" name="view_link" value="{{ $data['view_link'] ?? '' }}" />
          </div>
        </div>
      </div>
    </div>
  </div>
</div>


<br><br>

<!-- Chose Section -->
<div class="row mb-6 gy-6">
  <div class="col-xxl">
    <div class="card">
      <div class="card-header d-flex align-items-center justify-content-between">
        <h5 class="mb-0">Chose Section</h5>
      </div>
      <div class="card-body">

        <div class="row mb-6">
          <label class="col-sm-2 col-form-label" for="why-chose">Why Chose</label>
          <div class="col-sm-10">
            <input type="text" class="form-control" id="why-chose" name="why_chose"  value="{{ $data['why_chose'] ?? '' }}"/>
          </div>
        </div>

        <div class="row mb-6">
          <label class="col-sm-2 col-form-label" for="main-title">Main Title</label>
          <div class="col-sm-10">
            <input type="text" class="form-control" id="main-title" name="main_title" value="{{ $data['main_title'] ?? '' }}"/>
          </div>
        </div>

        <div class="row mb-6">
          <label class="col-sm-2 col-form-label" for="title-description">Title Description</label>
          <div class="col-sm-10">
            <textarea id="title-description" class="form-control" name="title_description" >{{ $data['title_description'] ?? '' }}</textarea>
          </div>
        </div>

        <div class="row mb-6">
          <label class="col-sm-2 col-form-label" for="right-image">Right Side Image</label>
          <div class="col-sm-10">
            <input type="file" class="form-control" id="right-image" name="right_image" value="{{ $data['right_image'] ?? '' }}"/>
            
            <img src="{{ asset('uploads/pages/' . ($data['right_image'] ?? '')) }}"
            width="200"
            height="400"
            alt="">
            
           
          </div>
        </div>

      </div>
    </div>
  </div>
</div>



<br><br>
       <!-- Recent Projects Section -->
<div class="row mb-6 gy-6">
  <div class="col-xxl">
    <div class="card">
      <div class="card-header d-flex align-items-center justify-content-between">
        <h5 class="mb-0">Recent Projects Section</h5>
      </div>
      <div class="card-body">
        <div class="row mb-6">
          <label class="col-sm-2 col-form-label" for="recent-what-do">What Do</label>
          <div class="col-sm-10">
            <input type="text" class="form-control" id="recent-what-do" name="recent_what_do" placeholder="ACME Inc." value="{{ $data['recent_what_do'] ?? '' }}"/>
          </div>
        </div>

        <div class="row mb-6">
          <label class="col-sm-2 col-form-label" for="recent-title1">Title 1</label>
          <div class="col-sm-10">
            <input type="text" class="form-control" id="recent-title1" name="recent_title_1" placeholder="ACME Inc." value="{{ $data['recent_title_1'] ?? '' }}" />
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<br><br>

<!-- Work Section -->
<!-- Work Section -->
<div class="col-xxl mb-5">
  <div class="card">
    <div class="card-header d-flex align-items-center justify-content-between">
      <h5 class="mb-0">Work Section</h5>
    </div>
    <div class="card-body">

      <div class="mb-3 row">
        <label class="col-sm-2 col-form-label" for="work-petra">Petra Contracting</label>
        <div class="col-sm-10">
          <input type="text" class="form-control" id="work-petra" name="work_petra" placeholder="ACME Inc." value="{{ $data['work_petra'] ?? '' }}">
        </div>
      </div>

      <div class="mb-3 row">
        <label class="col-sm-2 col-form-label" for="work-title">Work Title</label>
        <div class="col-sm-10">
          <input type="text" class="form-control" id="work-title" name="work_title" placeholder="ACME Inc." value="{{ $data['work_title'] ?? '' }}">
        </div>
      </div>

      <div class="mb-3 row">
        <label class="col-sm-2 col-form-label" for="work-description">Work Description</label>
        <div class="col-sm-10">
          <textarea id="work-description" class="form-control" name="work_description" placeholder="Describe the work here..." aria-label="Work Description">{{ $data['work_description'] ?? '' }}</textarea>
        </div>
      </div>

      <div class="mb-3 row">
        <label class="col-sm-2 col-form-label" for="contact-button">Contact Button</label>
        <div class="col-sm-10">
          <input type="text" class="form-control" id="contact-button" name="contact_button" placeholder="Contact" value="{{ $data['contact_button'] ?? '' }}">
        </div>
      </div>

      <div class="mb-3 row">
        <label class="col-sm-2 col-form-label" for="contact-link">Contact Button Link</label>
        <div class="col-sm-10">
          <input type="text" class="form-control" id="contact-link" name="contact_link" placeholder="https://example.com/contact" value="{{ $data['contact_link'] ?? '' }}">
        </div>
      </div>

      <div class="mb-3 row">
        <label class="col-sm-2 col-form-label" for="work-video">Work Video</label>
        <div class="col-sm-10">
          <input type="file" class="form-control" id="work-video" name="work_video">
          
          <video src="{{ asset('uploads/pages/' . ($data['work_video'] ?? '')) }}"
          width="200" 
          height="400" 
          autoplay 
          muted 
         loop 
          playsinline ></video>
          </video>
          
         
        </div>
      </div>

    </div>
  </div>
</div>

<br><br>

<!-- Team Section -->
<div class="row mb-5 gy-6">
  <div class="col-xxl">
    <div class="card">
      <div class="card-header d-flex align-items-center justify-content-between">
        <h5 class="mb-0">Team Section</h5>
      </div>
      <div class="card-body">
        <div class="row mb-3">
          <label class="col-sm-2 col-form-label" for="team-members">Members</label>
          <div class="col-sm-10">
            <input type="text" class="form-control" id="team-members" name="team_members" placeholder="ACME Inc." value="{{ $data['team_members'] ?? '' }}" />
          </div>
        </div>
        <div class="row mb-3">
          <label class="col-sm-2 col-form-label" for="meet-experts">Meet Experts</label>
          <div class="col-sm-10">
            <input type="text" class="form-control" id="meet-experts" name="meet_experts" placeholder="ACME Inc."  value="{{ $data['meet_experts'] ?? '' }}"/>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- Testimonials Section -->
<div class="row mb-5 gy-6">
  <div class="col-xxl">
    <div class="card">
      <div class="card-header d-flex align-items-center justify-content-between">
        <h5 class="mb-0">Testimonials Section</h5>
      </div>
      <div class="card-body">
        <div class="row mb-3">
          <label class="col-sm-2 col-form-label" for="testimonial-1">Testimonial 1</label>
          <div class="col-sm-10">
            <input type="text" class="form-control" id="testimonial-1" name="testimonial_1" placeholder="ACME Inc." value="{{ $data['testimonial_1'] ?? '' }}"/>
          </div>
        </div>
        <div class="row mb-3">
          <label class="col-sm-2 col-form-label" for="testimonial-quote">What They Say</label>
          <div class="col-sm-10">
            <input type="text" class="form-control" id="testimonial-quote" name="testimonial_quote" placeholder="ACME Inc." value="{{ $data['testimonial_quote'] ?? '' }}" />
          </div>
        </div>
        <div class="row mb-3">
          <label class="col-sm-2 col-form-label" for="testimonial-description">Work Description</label>
          <div class="col-sm-10">
            <textarea id="testimonial-description" class="form-control" name="testimonial_description" placeholder="Testimonial details..."> {{ $data['testimonial_description'] ?? '' }}</textarea>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- Articles Section -->
<div class="row mb-5 gy-6">
  <div class="col-xxl">
    <div class="card">
      <div class="card-header d-flex align-items-center justify-content-between">
        <h5 class="mb-0">Articles Section</h5>
      </div>
      <div class="card-body">
        <div class="row mb-3">
          <label class="col-sm-2 col-form-label" for="articles_title">Articles</label>
          <div class="col-sm-10">
            <input type="text" class="form-control" id="articles_title" name="articles_title" placeholder="ACME Inc." value="{{ $data['articles_title'] ?? '' }}"/>
          </div>
        </div>
        <div class="row mb-3">
          <label class="col-sm-2 col-form-label" for="articles_heading">Heading</label>
          <div class="col-sm-10">
            <input type="text" class="form-control" id="articles_heading" name="articles_heading" placeholder="ACME Inc." value="{{ $data['articles_heading'] ?? '' }}" />
          </div>
        </div>
        <div class="row mb-3">
          <label class="col-sm-2 col-form-label" for="articles_view">View</label>
          <div class="col-sm-10">
            <input type="text" class="form-control" id="articles_view" name="articles_view" placeholder="ACME Inc." value="{{ $data['articles_view'] ?? '' }}"/>
          </div>
        </div>
        <div class="row mb-3">
          <label class="col-sm-2 col-form-label" for="articles_button_link">Button Link</label>
          <div class="col-sm-10">
            <input type="text" class="form-control" id="articles_button_link" name="articles_button_link" placeholder="ACME Inc." value="{{ $data['articles_button_link'] ?? '' }}"/>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- Contact Section -->
 


<br><br>
 

{{-- Submit --}}
<div class="text-end">
                                <button type="submit" class="btn btn-primary px-4">Home Store</button>
                            </div>
                
 </form>
@endsection