@extends('layouts.layout-admin')

@section('content')
<div class="row box-body">
    @include('admin.partials.alerts')
    <a href="{{ route('admin.gallery.photo.create') }}" class="btn btn-primary">Create</a>
    <table class="table table-striped">
        <thead>
        <tr>
            <th>Id</th>
            <th>Title</th>
            <th>Photo</th>
            <th>Status</th>
            <th>Actions</th>
        </tr>
        </thead>
        <tbody>
            @foreach ($photos as $photo)
            <tr>
                <td>{{ $photo->id }}</td>
                <td>{{ $photo->title }}</td>
                <td><img src="{{ asset('/uploads/gallery/photos/' . $photo->image_location) }}" alt="{{ $photo->image_location }}" class="img-thumbnail" width="200" height="200"></td>
                <td>{!! ($photo->status == 1) ? '<i class="fa fa-fw fa-check"></i>Active' : '<i class="fa fa-fw fa-close"></i>Disabled' !!}</td>
                <td>
                    <a href="{{ route('admin.gallery.photo.edit', ['id' => $photo->id]) }}"><i class="fa fa-pencil-square-o" aria-hidden="true"></i></a>
                    &nbsp;
                    <a href="#" onclick="deleteGalleryPhoto({{ $photo->id }})"><i class="fa fa-trash" aria-hidden="true"></i></a>
                </td>
            </tr>
            @endforeach
        </tbody>
    </table>
</div>
@endsection

@push('scripts')
<script>
    function deleteGalleryPhoto(id) {
        swal({   
            title: "Are you sure?",
            text: "You are going to delete this item from list!",
            type: "warning",   
            showCancelButton: true,   
            confirmButtonColor: "#DD6B55",
            confirmButtonText: "Yes, delete it!", 
            closeOnConfirm: false 
        }, 
        function(){   
            axios.delete('/adminpanel/gallery/photo/delete/' + id)
            .then(function (response) {
                window.location = '/adminpanel/gallery/photos';
            })
            .catch(function (error) {
                console.log(error);
            });
        });
    }
</script>
@endpush