@extends('_back.layout.master')
@section('title','Projelerimiz - ')
@section('header')
{{--    <link href="{{ asset('back/assets/libs/magnific-popup/magnific-popup.css') }}" rel="stylesheet" type="text/css" />--}}
@endsection
@section('content')
    <div class="main-content">
        <div class="page-content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-12">
                        <div class="page-title-box d-flex align-items-center justify-content-between">
                            <h4 class="mb-0 font-size-18">Projelerimiz</h4>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-body">
                                <h4 class="card-title">
                                    Tüm Projelerimiz
                                    <button onclick="window.location='{{route('admin.project.create')}}'"
                                            class="btn btn-primary" style="float: right"><i class="fa fa-plus"></i> Yeni
                                        Proje Ekle
                                    </button>
                                </h4>
                                <p class="card-title-desc">
                                    Buradan projelerinizi görüntüleyebilir, güncelleyebilir ve silebilirsiniz.
                                </p>
                                <div id="table-content">
                                    <table id="datatable" class="table table-bordered dt-responsive nowrap" style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                                        <thead>
                                        <tr>
                                            <th width="5%">No.</th>
                                            <th width="5%"></th>
                                            <th>Adı</th>
{{--                                            <th width="5%">Kayan Yazı</th>--}}
                                            <th width="12%"></th>
                                            <th width="12%">Tarih</th>
                                            <th width="12%">Kullanıcı</th>
                                            <th width="3%"></th>
                                            <th width="3%"></th>
                                        </tr>
                                        </thead>
                                        <tbody id="sortable">
                                        @foreach(\App\Models\Project::orderBy('sortable','ASC')->get() as $key => $value)
                                            <tr  class="row{{ $value->id }}" id="{{ $value->id }}" style="cursor: move">
                                                <td style="vertical-align: middle">{{ $key + 1 }}</td>
                                                <td style="text-align: center;vertical-align: middle">
                                                    <a class="image-popup-no-margins" href="{{ asset($value->img) }}">
                                                        <img class="img-fluid" alt="" src="{{ asset($value->img) }}" width="75">
                                                    </a>
                                                </td>
                                                <td style="vertical-align: middle">{{ @json_decode($value->name,true)["tr"] ?? '-'}}</td>
                                                <td>
                                                    <a href="{{route('admin.comment.index',$value->id)}}">Genel Özellikler</a>
                                                </td>
{{--                                                <td style="text-align: center;vertical-align: middle">--}}
{{--                                                    @if($value->featured)--}}
{{--                                                        <i class="fa fa-check-circle" style="color: green" title="Evet"></i>--}}
{{--                                                    @else--}}
{{--                                                        <i class="fa fa-times-circle" style="color: red" title="Hayır"></i>--}}
{{--                                                    @endif--}}
{{--                                                </td>--}}
                                                <td style="vertical-align: middle">{{ \App\Models\Helper::getDate($value->created_at) }}</td>
                                                <td style="vertical-align: middle">{{ \App\Models\User::find($value->user)->name ?? '' }}</td>
                                                <td style="vertical-align: middle">
                                                    <a href="{{route('admin.project.edit',$value->id)}}" class="btn btn-primary btn-sm">
                                                        <i class="fa fa-pencil-alt"></i>
                                                    </a>
                                                </td>
                                                <td style="vertical-align: middle">
                                                    <button class="btn btn-danger btn-sm delete-item"
                                                            data-id="{{$value->id}}">
                                                        <i class="fa fa-trash"></i>
                                                    </button>
                                                </td>
                                            </tr>
                                        @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
{{--    <script src="{{ asset('back/assets/libs/magnific-popup/jquery.magnific-popup.min.js') }}"></script>--}}
{{--    <script src="{{ asset('back/assets/js/pages/lightbox.init.js') }}"></script>--}}
    <script type="text/javascript">
        $('.delete-item').unbind('click').bind('click', function (event) {
            event.preventDefault();
            var id = $(this).data("id");
            if (id > 0) {
                $.confirm({
                    title: false,
                    content: 'Seçili etkinliği silmek istediğinize emin misiniz ? ',
                    buttons: {
                        no: {
                            text: 'Hayır',
                            action: function () {
                            }
                        },
                        somethingElse: {
                            text: 'Sil',
                            btnClass: 'btn-danger',
                            keys: ['enter', 'shift'],
                            action: function () {
                                $.ajax({
                                    type: 'POST',
                                    url: '{{ route('admin.project.delete') }}',
                                    data: {'id': id},
                                    headers: {
                                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                                    },
                                    success: function (response) {
                                        if (response.code == true) {
                                            toastr[response.type](response.text);
                                            if(response.type == "success")
                                            {
                                                $('.row'+id).hide();
                                            }
                                        }
                                    },
                                    error: function (data) {
                                        console.log(data);
                                    }
                                });
                            }
                        }
                    }
                });
            }
        });




        $(function () {
            $("#sortable").sortable({
                axis:'y',
                cursor:'move',
                opacity: 0.6,
                update:function (e){
                    var data = [];
                    $('tbody tr').each(function (){
                        data.push($(this).attr("id"))
                    });
                    $.ajax({
                        type: 'POST',
                        url: '{{ route('admin.project.sortable') }}',
                        data: {'data' : data},
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        success: function (response) {
                        },
                        error: function (data) {
                        }
                    });
                }
            });
            $("#sortable").disableSelection();
        })
    </script>
@endsection