@extends('backend.layout.layout')
@section ('content')
<!-- Content Header (Page header) -->
<section class="content-header">
  <div class="container-fluid">
    <div class="row mb-2">
      <div class="col-sm-6">
        <h1>About Us Table</h1>
      </div>
      <div class="col-sm-6">
        <ol class="breadcrumb float-sm-right">
          <li class="breadcrumb-item"><a href="#">Home</a></li>
          <li class="breadcrumb-item active">About Us Table</li>
        </ol>
      </div>
    </div>
  </div><!-- /.container-fluid -->
</section>

<!-- Main content -->
<section class="content">
  <div class="container-fluid">
    <div class="row">
      <div class="col-md-12">
        @if(session('status'))

        <h6 class="alert alert-success">
          {{session('status')}}
        </h6>

        @endif
        <div class="card">
          <div class="card-header">
            {{-- <button class="m-0 font-weight-bold text-primary"><a href="{{url('admin/createabout_us')}}">+Add New</a> </button> --}}
          </div>

          <!-- Card Body -->
          <div class="card-body">
            <!-- <div class="col-md-12"> -->
            <table id="bootstrap-table" class="table" style="margin-top: 1%;">

              <thead>
                <th class="text-center">S.N.</th>
                <th class="text-center">Title</th>
                <th class="text-center">Image</th>
                {{-- <th class="text-center">description</th> --}}
                <th class="text-center"> First Button </th>
                {{-- <th class="text-center">Second Button</th> --}}
                <th data-field="actions" class="td-actions text-right text-center">Actions
                </th>
              </thead>

              <tbody>
                @foreach ($about as $key => $about_us)
                <tr>
                  <td class="text-center">{{$key+1}}</td>
                  <td class="text-center">{{$about_us->title}}</td>
                  <td class="text-center">
                    <div class="table-icons">
                      <a rel="tooltip" title="Manage Images" class="btn btn-icon table-action edit" href="#">
                        <img src="{{ asset('admin/img/' . $about_us->image) }}" alt="img" height="50px" width="50px" />
                        <i class="ti-image"></i>
                      </a>
                    </div>
                  </td>
                  {{-- <td class="text-center" style="width: 200px;">{{strip_tags($about_us->description)}}</td> --}}
                
                  <td class="text-center">{{$about_us->button_f }}</td>
                  {{-- <td class="text-center">{{$about_us->button_s}}</td> --}}                  

                  <td class="project-actions text-right td-actions text-center">
                    <a href="{{ route('admin.editabout_us',$about_us->id)}}">
                        <button class="btn btn-sm btn-info">Edit</button>
                    </a>

                    {{-- <div class="btn-group btn-group-sm" role="group" aria-label="Basic example">
                       
                        <form method="POST" action="{{ route('admin.deleteabout_us',$about_us->id)}}">
                            @csrf --}}
                            {{-- <button type="submit" class="btn btn-default"><i class="fa fa-trash text-danger"></i></button> --}}
                            {{-- <button class="btn btn-sm btn-danger">Delete</button>
                        </form>
                    </div> --}}
                  </td>
                </tr>
                @endforeach
              </tbody>
            </table>
          </div>
        </div>
      </div>
      <!-- /.card -->

    </div>

  </div>

  </div><!-- /.container-fluid -->
</section>
<!-- /.content -->
@endsection