@extends('layouts.admin_layout.admin_layout')
@section('content')

  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1>About</h1>
          </div>
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="{{url('admin/dashboard')}}">about</a></li>
              <li class="breadcrumb-item active">about</li>
            </ol>
          </div>
        </div>
      </div>
    </section>


    <!-- Main content -->
    <section class="content">
        <div class="container-fluid">
            <x-alert/>
            <!-- SELECT2 EXAMPLE -->
            <div class="card card-default">
                <div class="card-header">
                    <h3 class="card-title">Edit AboutUs Data</h3>
            </div>
            <!-- /.card-header -->
            <form name="storyForm" id="storyForm" action="{{ url('admin/about/'.$aboutData->id) }}" method="post" enctype="multipart/form-data">@csrf
                <div class="card-body">
                    <!-- 1st row -->
                    <div class="row">

     
                        <div class="col-12 col-sm-6">
                            <div class="form-group" id="about_title">
                                <label for="about_title">Title</label>
                                <input type="text" class="form-control" name="title" id="about_title"
                                            value="{{ $aboutData->title }}" placeholder="Enter Video Title">
                            </div>
                        </div>

                        <div class="col-12 col-sm-6">
                            <div class="form-group" id="about_button_txt">
                                <label for="button_text">Button Text</label>
                                <input type="text" class="form-control" name="btn_txt" id="about_btn_txt"
                                            value="{{ $aboutData->btn_txt }}" placeholder="Enter Button Text">
                            </div>
                        </div>
                    </div>


                    <!-- Body Text Upper -->

                    <div class="form-group">
                        <label for="body_txt1">
                            Body Text Upper
                        </label>
                        <textarea class="textarea" placeholder="Upper Part Description" name="body_txt1"
                            style="width: 100%; height: 200px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;">{{$aboutData->body_txt1}}</textarea>
                    </div>


                    <div class="form-group">
                        <label for="body_txt2">
                            Body Text Lower
                        </label>
                        <textarea class="textarea" placeholder="Lower Part Description" name="body_txt2"
                            style="width: 100%; height: 200px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;">{{$aboutData->body_txt2}}</textarea>
                    </div>

                  <div class="card-footer">
                    <button type="submit"  class="btn btn-primary">update</button>
                  </div>

                </div>

            </form>
            <!-- /.card-body -->
          </div>
          <!-- /.card -->
        </div>
        <!-- /.col -->
      </div>
      <!-- /.row -->
    </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->
  @endsection