@extends('layouts.layout-admin')

@section('content')
<div class="row box-body">
    @include('admin.partials.alerts')
    <a href="{{ route('admin.banners.create') }}" class="btn btn-primary">Create</a>
    <table class="table table-striped">
        <thead>
        <tr>
            <th>Id</th>
            <th>Banners</th>
            <th>Page</th>
            <th>Link</th>
            <th>Status</th>
            <!--<th>View</th>-->
            <th>Edit</th>
            <th>Delete</th>
        </tr>
        </thead>
        <tbody>
            @foreach ($banners as $banner)
            <tr>
                <td>{{ $banner->id }}</td>
                <td>
                @if($banner->image)
                    <img src="{{ asset('/uploads/banners/' . $banner->image) }}" alt="{{ $banner->image }}" class="img-thumbnail" width="200" height="200">
                @endif
                </td>
                <td>{{ $banner->page }}</td>
                <td>{{ $banner->url }}</td>                
                <td>{!! ($banner->status == 1) ? '<i class="fa fa-fw fa-check"></i>Active' : '<i class="fa fa-fw fa-close"></i>Disabled' !!}</td>
                <!--<td>
                    <a href="">View</a>
                </td>-->
                <td>
                    <a href="{{ route('admin.banners.edit', ['id' => $banner->id]) }}">Edit</a>
                </td>
                <td>
                    <a href="#" onclick="deleteBanner({{ $banner->id }})"><i class="fa fa-trash" aria-hidden="true"></i></a>
                </td>
            </tr>
            @endforeach
        </tbody>
    </table>
</div>
@endsection

@push('scripts')
<script>
    function deleteBanner(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/banners/photo/delete/' + id)
            .then(function (response) {
                window.location = '/adminpanel/banners';
            })
            .catch(function (error) {
                console.log(error);
            });
        });
    }
</script>
@endpush