@extends('layouts.master')

@section('title','Admin|software')



@section('content')

<div class="sb2-2">



<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="#">Home page</a>

        </li>

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

        </li>

    </ul>

</div>

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

    <div class="row">

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

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

                <div class="inn-title">

                    <h4>Gallery List</h4>

                    <a href="{{url('admin/gallery/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>Main Image</th>
                                    <th>Title</th>

                                    <th>Images</th>

                                    <th>Edit</th>

                                    <th>Delete</th>

                                </tr>

                            </thead>

                            <tbody>

                            	@forelse($gallery as $gallery)

                                <tr>
                                	<td><img src="{{asset('uploads/mainimg/'.$gallery->mainimg)}}" alt="" style="max-width: 150px;"></td>

                                	<td>{{ $gallery->title }}</td>

                                    <td><span class="list-img"><img src="{{ asset('uploads/gallery/'.($gallery->images->count()>0?$gallery->images->first():'')) }}" alt="No Photo"></span>

                                    </td>

                                    <td>

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

                                    </td>

                                    <td>

                                        @if (Auth::user()->role=='Admin')

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

                                        @endif

                                    </td>

                                </tr>

                                @empty

                                <tr><td class="empty-row" colspan="5">No softwares to Show</td></tr>

                                @endforelse

                            </tbody>

                        </table>

                    </div>

                </div>

            </div>

        </div>

    </div>

</div>

</div>

<!-- The Modal -->

<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 this service?

      </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/gallery')}}'+'/'+id;

        form.prop('action',address)

    }

</script>

@endsection