@extends('Admin.master_page')


@section('title')
    <h5 class="m-0 font-weight-bold text-primary" style="float: left;">Gallaries</h5>

    <a href="{{ route('gallaries.create') }}" style="float: right;"><i class="fas fa-plus-circle"></i></a>
@endsection

@section('content')
    <div class="table-responsive">

        <div class="container">
            <div class="row">


                @forelse($gallaries as $key => $gallary)
                    <div class="col-sm col-lg-6 mb-4">
                        <div class="card">
                            <div class="card-header">
                                Gallary {{ $key + $gallaries->firstItem() }}
                            </div>
                            <div class="card-body" style="background: gray">

                                <div style="justify-content: center;display: flex;box-shadow: 0px 0px 10px 2px #fff;">
                                    <img src="/Images/{{ $gallary->image }}" style="width: 300px;" alt="">
                                </div>
                                <br>

                                <form action="{{ route('gallaries.destroy', $gallary->id) }}" method="post"
                                    id="form-{{ $gallary->id }}">
                                    {{ csrf_field() }}
                                    {{ method_field('DELETE') }}
                                </form>

                                <a href="{{ route('gallaries.edit', $gallary->id) }}" class="btn btn-sm btn-success"><i
                                        class="fas fa-edit"></i></a>
                                &nbsp;
                                <a href=""
                                    onclick="if(confirm('Are you sure to delete?')) {
                               event.preventDefault();
                               document.getElementById('form-{{ $gallary->id }}').submit();
                               }else{ event.preventDefault(); }"
                                    class="btn btn-sm btn-danger"><i class="fas fa-trash-alt"></i></a>
                            </div>
                        </div>


                    </div>
                @empty
                @endforelse


            </div>

            <br>
            <br>
            <div class="container">
                <div class="row justify-content-center">
                    {{ $gallaries->links() }}

                </div>
            </div>

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

    </div>
@endsection