@extends('admin.app')
@section('content')
<div class="app-content content">
    <div class="content-overlay"></div>
    <div class="header-navbar-shadow"></div>
    <div class="content-wrapper">
        <div class="content-header row">
            <div class="content-header-left col-md-9 col-12 mb-2">
                <div class="row breadcrumbs-top">
                    <div class="col-12">
                        <h2 class="content-header-title float-left mb-0">Etiketler</h2>
                        <div class="breadcrumb-wrapper col-12">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="/panel/gosterge-paneli">Gösterge Paneli</a>
                                </li>
                                <li class="breadcrumb-item active">Etiketler
                                </li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="content-body">
            <section id="multiple-column-form">
                <div class="row match-height">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-header">
                                <h4 class="card-title">Filtre</h4>
                                <div class="btn-group pull-right">
                                <button type="button" id="bulk-update" class="btn btn-success">Tüm Ürünlere Uygula</button>
                                <a href="{{route('get-label-detail',['id'=>0])}}" class="btn btn-md btn-primary pull-right">Etiket Ekle</a>
                                </div>
                            </div>
                            <div class="card-content">
                                <div class="card-body">
                                    <form class="form" action="{{route('get-label-list')}}">
                                        <div class="form-body">
                                            <div class="row">
                                                <div class="col-md-2 col-12">
                                                    <div class="form-label-group">
                                                        <input type="text" class="form-control" placeholder="Etiket Adı" value="{{isset($_GET['filter']['name']) ? $_GET['filter']['name'] : ''}}" name="filter[name]">
                                                        <label for="first-name-column">Etiket Adı</label>
                                                    </div>
                                                </div>
                                                <div class="col-md-2 col-12">
                                                    <div class="form-label-group">
                                                        <select class="form-control" name="filter[pagination]">
                                                            <option value="">Listeleme Sayısı</option>
                                                            <option value="20">20</option>
                                                            <option value="100">100</option>
                                                            <option value="500">500</option>
                                                            <option value="1000">1000</option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row pull-right">
                                            <div class="btn-group">
                                                <button type="submit" class="btn btn-md bg-gradient-info mb-1 waves-effect waves-light">Gönder</button>
                                                <a href="{{route('get-label-list')}}" class="btn btn-md bg-gradient-warning mb-1 waves-effect waves-light">Sıfırla</a>
                                            </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Data list view starts -->
            <section id="data-list-view" class="data-list-view-header">

                <div class="card">

                    <div class="card-content">
                        <div class="card-body">

                            <!-- Table with outer spacing -->
                            <div class="table-responsive">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th><input type="checkbox" id="select-all"></th>
                                            <th>Etiket</th>
                                            <th>Adı</th>
                                            <th>Aksiyon</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    <form id="labels-form" action="javascript:;">
                                        {{csrf_field()}}
                                    @foreach($labels as $label)
                                        <tr>
                                            <td>
                                                <input type="checkbox" name="label[]" value="{{$label->id}}">
                                            </td>
                                            <td>  <div class="avatar mr-1 avatar-xl">
                                                    <img
                                                        src="@if(isset($label->image)) {{asset($label->image)}} @else {{asset('/app-assets/images/backgrounds/chat-bg-2.png')}} @endif"
                                                        alt="avtar img holder">
                                                </div></td>
                                            <td>{{$label->name}}</td>
                                            <td>
                                                <div class="btn-group"><a href="{{route('get-label-detail',['id' => $label->id])}}" class="btn btn-md btn-success waves-effect waves-light"><i class="feather icon-eye"></i></a></div>
                                                <div class="btn-group"><a href="{{route('delete-label',['id' => $label->id])}}" class="btn btn-md btn-danger waves-effect waves-light del-blog"><i class="feather icon-delete"></i></a></div>
                                            </td>
                                        </tr>
                                       @endforeach
                                    </form>
                                    </tbody>
                                </table>
                                <div style="text-align: center">
                                    {{$labels->links()}}

                                </div>
                            </div>

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

            </section>
            <!-- Data list view end -->

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

@endsection
@section('css')
@endsection
@section('js')
<script>
    $('#bulk-update').on('click',function () {
        $('#bulk-update').text('Güncelleniyor...');
        $('#bulk-update').attr('disabled','disabled');
       $.post('{{route('bulk-label-apply')}}',$('#labels-form').serialize(),function (response) {
            if(response.status == 'success'){
                $('#bulk-update').text('Güncelleme Tamamlandı.');
            }else{
                $('#bulk-update').text('Güncelleme Tamamlanamadı.');
            }
       }).fail(function (response) {

           if(response.responseJSON && response.responseJSON.status == 'failure'){
               $('#bulk-update').text(response.responseJSON.msg);
           }else{
            $('#bulk-update').text('Güncelleme Tamamlanamadı.');
           }
       });
    });
    $('#select-all').on('click',function () {
        $('input:checkbox').not(this).prop('checked', this.checked);
    });
    $(function() {
        $('.del-blog').click(function(e) {
            e.preventDefault();
            if (window.confirm("Silmek istediğinize emin misinz?")) {
                location.href = this.href;
            }
        });
    });
</script>
@endsection