@extends('admin.layouts.app')
@section('title','About')
@section('content')
  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
       About Us
      </h1>
      <ol class="breadcrumb">
        <li><a href="{{ url('admin/dashboard') }}"><i class="fa fa-dashboard"></i> Home</a></li>
        <li class="active">About Us</li>
      </ol>
    </section>

    <!-- Main content -->
    <section class="content">
      <div class="row">
         <div class="col-md-12">
          <div class="box">
            <form class="form-horizontal" action="{{ action('AdminController\WebsiteHomeController@aboutPost') }}" id="add_form" method="post" enctype="multipart/form-data">
            @csrf
            <div class="box-header with-border">
              <h3 class="box-title">Update About Us</h3>

             <!--  <div class="box-tools pull-right">
                <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
                </button>
               
              </div> -->
            </div>
      
      <!-- Info boxes -->
      <div class="row">
        <div class="col-md-2"></div>
        <div class="col-md-8">
          
              <div class="box-body">
              	<input type="hidden" name="id" value="{{ $about->id ?? '' }}">
                <div class="form-group">
                  <label for="" class="col-sm-2 control-label">Title<span style="color: red;">*</span></label>

                  <div class="col-sm-10">
                    <input type="text" class="form-control" id="" placeholder="Title..." name="title" required value="{{ $about->title ?? '' }}">
                  </div>
                </div>
                <div class="form-group">
                  <label for="" class="col-sm-2 control-label">Description<span style="color: red;">*</span></label>

                  <div class="col-sm-10">
                    <textarea type="text" rows="5" class="form-control"id="editor5"  placeholder="Description..." name="description" required>{{ $about->description ?? '' }}</textarea>


                  </div>
                </div>

                <div class="form-group">
                  <label for="" class="col-sm-2 control-label">Image<span style="color: red;">*</span></label>

                  <div class="col-sm-10">
                    <input type="file" name="image_name" class="form-control" id="" @if($about->image_path == '') required @endif  onchange="preview_image(event)" accept="image/jpg, image/jpeg, image/png">
                  </div>
                </div>
                <div class="form-group">
                  <label for="" class="col-sm-2 control-label"></label>

                  <div class="col-sm-10">
                    
                     <img id="output_image" src="{{ asset($about->image_path ?? 'admin/dist/img/placeholder/download.png') }}" style="width: 200px;height: 200px;"/>
                  </div>
                </div>
              </div>
              
        </div>
        <div class="col-md-2"></div>
      </div>
            <!-- <div class="box-header with-border">
              <h3 class="box-title">Update Brochure</h3>

              <div class="box-tools pull-right">
                <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
                </button>
               
              </div>
            </div>
      
      <div class="row">
        <div class="col-md-2"></div>
        <div class="col-md-8">
          
              <div class="box-body">
                <div class="form-group">
                  <label for="" class="col-sm-2 control-label">Brochure<span style="color: red;">*</span></label>

                  <div class="col-sm-10">
                    <input type="file" name="brochure" class="form-control" id="" @if($about->brochure == '') required @endif accept=".pdf,.doc">
               @if(!empty($about->brochure))
                    <a href="{{ asset($about->brochure ?? '') }}" target="__blank">Download Brochure</a>
                @endif
                  </div>
                </div>
              </div>
              
        </div>
        <div class="col-md-2"></div>
      </div> -->
      <!-- /.box-body -->
              <div class="box-footer text-right">
                <button type="reset" class="btn btn-default">Reset</button>
                <button type="submit" class="btn btn-main">Submit</button>
              </div>
              <!-- /.box-footer -->
            </form>

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

  </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->
@endsection

 @section('js')
    <script>
  
  $(function () {
    CKEDITOR.replace('editor5')
  })
</script>
@endsection