@extends('layouts.app')

@section('content')
    <div class="main-content">

        <script>
            window.setTimeout(function() {
                $(".alert").fadeTo(500, 0).slideUp(500, function(){
                    $(this).remove();
                });
            }, 4000);
        </script>
        <div class="card">
            <h4 class="card-title">Özellikler</h4>

            <div class="card-body">
                <a href="/admin/ozellikler/create" class="btn btn-label btn-primary" style="color: #ffffff;"><label><i class="ti-check"></i></label> Özellik Ekle</a>
                <br><br>
                @if(session()->get('success'))
                    <div class="alert alert-success" role="alert">
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <strong>Tebrikler !</strong> {{session()->get('success')}}
                    </div>
                @endif

                <br><br>
                        <table class="table table-striped table-bordered" cellspacing="0" data-provide="datatables">
                            <thead>
                            <tr>
                                <th>Resim</th>
                                <th>Baslik</th>
                                <th>İşlemler</th>
                            </tr>
                            </thead>
                            <tfoot>
                            <tr>
                                <th>Resim</th>
                                <th>Baslik</th>
                                <th>İşlemler</th>
                            </tr>
                            </tfoot>
                            <tbody>
                            @foreach($ozellikler as $ozellik)
                            <tr>
                                <td>
                                    <div class="" data-provide="photoswipe" >
                                        <a  href="#" >
                                            <img height="50px;" src="{{asset('/storage/ozellik/')}}/{{ $ozellik->resim }}"   >
                                        </a>
                                    </div>
                                </td>

                                <td>{{ $ozellik->baslik }}</td>
                                <td style="color: #ffffff; width: 12%">
                                    <a class="btn btn-label btn-warning" href="/admin/ozellikler/{{$ozellik->id}}/edit"><label><i class="ti-pencil"></i></label> Düzelt</a>
                                    <a class="btn btn-label btn-danger" data-token="{{csrf_token()}}" href="/admin/ozellikler/{{$ozellik->id}}" data-method="delete" data-confirm="Özellik silinsin mi ?"><label><i class="ti-close"></i></label> Sil</a>

                                </td>
                            </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>

        </div>




    </div><!--/.main-content -->
@endsection