@extends('Manager.Master')
@section("title") بنرها @stop

@section('content')
    <div class="col-md-12 index-page x_content">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title">لیست بنرها</h3>
                <div class="pull-left">
                    <a href="#filter" data-toggle="collapse">
                        <i class="glyphicon glyphicon-filter" data-toggle="tooltip" title="فیلتر"></i>
                    </a>
                </div>
            </div>
            <div class="panel-body table-responsive">
                <div id="filter" class="collapse margin-botton-2">
                    <input class="form-control" id="myInput" type="text" placeholder="مقدار دلخواهتان را وارد کنید">
                </div>
                <table class="table table-hover" id="dev-table">
                    <thead>
                    <tr>
                        <th>#</th>
                        <th> عنوان</th>
                        <th>توضیحات</th>
                        <th>نمایش</th>
                        <th><em class="fa fa-cog"></em></th>
                    </tr>
                    </thead>
                    <tbody>
                    @php
                        if(!$banners->isempty()){
                            $count = $banners->currentPage() * 10 - 10;
                    @endphp
                    @foreach($banners as $item)
                        @php $count++ @endphp
                        <tr @if($count % 2 != 0 ) class="warning" @endif data-id="{{ $item->id }}">
                            <td>{{ $count }}</td>
                            <td class="banner_title">{{  $item->title }}</td>
                            <td>{{ $item->description?? " --- "}}</td>
                            <td>
                                 <img src="{{url('/images/320/450'.$item->image)??''}}" alt="{{ $item->title??''}}" width=45 height=32> 
                            </td>
                            <td align="center">
                                <a href=" {{ route('banners.edit' , ['id' => $item->id]) }}" class="btn btn-default"><em
                                            class="fa fa-pencil"></em></a>
                                <button class="btn btn-danger"><em class="fa fa-trash"></em></button>
                            </td>
                        </tr>
                    @endforeach
                    @php } else { @endphp
                    <tr>
                        <td>*</td>
                        <td>موردی یافت نشد</td>
                        <td>-</td>
                        <td>-</td>
                    </tr>
                    @php } @endphp
                    </tbody>
                </table>
            </div>
            <div class="panel-footer">
                <div class="row text-center">
                    <div class=" col-xs-12 col-md-3 pull-right mypaginate">
                        {{ $banners->links() }}
                    </div>
                    <div class=" col-xs-12 col-md-4 pull-left pager ">صحفه {{ $banners->currentPage() }}
                        از {{ $banners->lastPage() }} صفحه
                    </div>


                </div>

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

@stop
@section("footer")
    <script>
        var delete_id = 0;
        $(document).ready(function () {
            $("button.btn-danger").on("click", function () {
                var id = $(this).parents("tr").attr("data-id");
                var name = $(this).parents("tr").children("td.role_name").text()
                delete_id = id;
                message_alert(name);
            });
        });

        function ajax_remove() {
            waitingDialog.show();
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });