@extends('layouts.master')

@section('title','Durga Bhawani Dashboard')



@section('content')

<style>

    .table-desi tr img{

        max-width: 100px;

    }

</style>

	<div class="sb2-2">

                <!--== breadcrumbs ==-->

                <div class="sb2-2-2">

                    <ul>

                        <li><a href="dashboard.html"><i class="fa fa-home" aria-hidden="true"></i> Home</a>

                        </li>

                        <li class="active-bre"><a href="#">Slider List</a>

                        </li>

                        <li class="page-back"><a href="dashboard.html"><i class="fa fa-backward" aria-hidden="true"></i> Back</a>

                        </li>

                    </ul>

                </div>

                @if(session()->has('success'))

                <div class="alert alert-success alert-dismissible">

                  <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>

                  <strong>Success!</strong> {{session('success')}}

                </div>

                @endif

                @if(session()->has('failure'))

                <div class="alert alert-danger alert-dismissible">

                  <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>

                  <strong>failure!</strong> {{session('failure')}}

                </div>

                @endif

                @if($errors->any())

                <div class="alert alert-warning alert-dismissible">

                  <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>

                  <ul>

                  @foreach($errors->all() as $error)

                      <li class="">{{$error}}</li>

                      @endforeach

                  </ul>

                </div>

                @endif

                <div class="sb2-2-3">

                    <div class="row">

                        <div class="col-md-12">

                            <div class="box-inn-sp">

                                <div class="inn-title">

                                    <h4>All About Item</h4>

                                    <a href="{{url('admin/about/create')}}" class="mantra-btn pull-right">Add New</a>

                                </div>

                                <div class="tab-inn">

                                    <div class="table-responsive table-desi">

                                        <table class="table table-hover">

                                            <thead>

                                                <tr>

                                                    <th>Images</th>

                                                    <th>Title</th>

                                                    <th>Edit</th>

                                                    <th>Delete</th>

                                                </tr>

                                            </thead>

                                            <tbody>

                                                @foreach($about as $about)

                                                <tr>

                                                    <td><span><img src="{{asset('uploads/about/'.$about->image)}}" alt=""></span>

                                                    </td>

                                                    <td><span class="list-enq-city">{!!$about->description!!}</span>

                                                    </td>

                                                    <td>

                                                        <a href="{{url('/admin/about/'.$about->id.'/edit')}}"><i class="fa fa-pencil-square-o" aria-hidden="true"></i></a>

                                                    </td>

                                                    <td>

                                                        <a onclick="destroy('{{$about->id}}')" data-toggle="modal" data-target="#myModal"><i class="fa fa-trash-o" aria-hidden="true"></i></a>

                                                    </td>

                                                </tr>

                                                @endforeach

                                               

                                            </tbody>

                                        </table>

                                    </div>

                                </div>

                            </div>

                        </div>

                    </div>

                </div>

            </div>





            <div class="modal" id="myModal">

              <div class="modal-dialog">

                <div class="modal-content">



                  <!-- Modal Header -->

                  <div class="modal-header">

                    <h4 class="modal-title">Delete</h4>

                    <button type="button" class="close" data-dismiss="modal">&times;</button>

                  </div>



                  <!-- Modal body -->

                  <div class="modal-body">

                    Are you sure you want to delete?

                  </div>



                  <!-- Modal footer -->

                  <div class="modal-footer">

                    <form method="post" action="" id="delete_form">

                        {{csrf_field()}}

                        {{method_field('DELETE')}}

                        <button type="submit" class="btn btn-secondary" >Yes</button>

                        <button type="button" class="btn btn-danger" data-dismiss="modal">No</button>

                    </form>

                    

                  </div>



                </div>

              </div>

            </div>

@endsection



@section('scripts')

<script type="text/javascript">

    function destroy(id){

        var form=$('#delete_form');

        var address='{{url('admin/about')}}'+'/'+id;

        form.prop('action',address)

    }

</script>

@endsection