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

 
 

    <form action="{{ route('admin.about.page.store') }}" method="POST" enctype="multipart/form-data">
      @csrf
 
      <!-- About Section -->
      <div class="card mb-4">
        <div class="card-header">
          <h5>About Section</h5>
        </div>
        <div class="card-body">

          <div class="mb-3">
            <label for="about_main_title" class="form-label">About Main Title</label>
            <input type="text" class="form-control" id="about_main_title" name="about_main_title" placeholder="ACME Inc." value="{{ $data['about_main_title'] ?? ''}}">
          </div>
 
          <div class="mb-3">
            <label for="side_image" class="form-label">Side Image</label>
            <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 class="mb-3">
            <label for="about_title" class="form-label">About Title</label>
            <input type="text" class="form-control" id="about_title" name="about_title" placeholder="ACME Inc." value="{{ $data['about_title'] ?? '' }}">
          </div>

          <div class="mb-3">
            <label for="main_title" class="form-label">Main Title</label>
            <input type="text" class="form-control" id="main_title" name="main_title" placeholder="john.doe" value="{{ $data['main_title'] ?? ''}}">
          </div>

          <div class="mb-3">
            <label for="about_description" class="form-label">About Description</label>
            <textarea class="form-control" id="about_description" name="about_description" rows="3" placeholder="Hi, Do you have a moment to talk Joe?">{{ $data['about_description'] ?? '' }}</textarea>
          </div>

          <div class="mb-3">
            <label for="about_button_text" class="form-label">About Button Text</label>
            <input type="text" class="form-control" id="about_button_text" name="about_button_text" placeholder="About Button Text" value="{{ $data['about_button_text'] ?? ''}}">
          </div>

          <div class="mb-3">
            <label for="about_button_link" class="form-label">About Button Link</label>
            <input type="text" class="form-control" id="about_button_link" name="about_button_link" placeholder="https://example.com/about" value="{{ $data['about_button_link'] ?? ''}}">
          </div>

        </div>
      </div>

      <!-- Work Section -->
      <div class="card mb-4">
        <div class="card-header">
          <h5>Work Section</h5>
        </div>
        <div class="card-body">

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

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

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

           

          <div class="mb-3">
            <label for="work_video" class="form-label">Work Video</label>
            <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>
            
            
          </div>

        </div>
      </div>

      <!-- Submit Button -->
      <div class="text-end">
        <button type="submit" class="btn btn-primary px-4">Save About Page</button>
      </div>

    </form>
  </div>
</div>
@endsection