@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><em class="fa fa-cog"></em></th>
                    </tr>
                    </thead>
                    <tbody>
                    @php
                        if(!$data->isempty()){
                            $count = $data->currentPage() * 10 - 10;
                    @endphp
                    @foreach($data as $item)
                        @php $count++ @endphp
                        <tr @if($count % 2 != 0 ) class="warning" @endif data-id="{{ $item->id }}">
                            <td>{{ $count }}</td>
                            <td class="article_title">{{  $item->fa_name }}</td>
                            <td>{{  mb_substr($item->description  , 0 , 40)}}</td>
                            <td align="center">
                                <a  target="_blank" href="{{ url('Brands/'.$item->slug) }}" class="btn btn-info"><em class="fa fa-share"></em></a>
                                     @can("brands_edit")
                                    <a href=" {{ route('Brands.edit' , ['id' => $item->id]) }}" class="btn btn-default"><em
                                                class="fa fa-pencil"></em></a>
                                        @endcan
                                    @can("brands_delete")
                                    <button class="btn btn-danger"><em class="fa fa-trash"></em></button>
                                     @endcan
                                </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">
                            {{ $data->links() }}
                        </div>
                        <div class=" col-xs-12 col-md-4 pull-left pager ">صحفه {{ $data->currentPage() }}
                            از {{ $data->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.article_title").text()
                    delete_id = id;
                    message_alert( ' برند  '+name);
                });
            });

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