@extends('_back.layout.master')
@section('title','Hakkımızda - ')
@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">Hakkımızda</h4>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-body">
                                <ul class="nav nav-tabs" role="tablist">
                                    @foreach(\App\Models\Language::all() as $value)
                                        <li class="nav-item">
                                            <a class="nav-link @if($loop->first) active @endif" data-toggle="tab" href="#home{{ $value->id }}" role="tab">
                                                <span class="d-block d-sm-none"><i class="fas fa-home"></i></span>
                                                <span class="d-none d-sm-block">{{ $value->name }}</span>
                                            </a>
                                        </li>
                                    @endforeach
                                </ul>
                                <div class="tab-content p-3 text-muted">
                                    @foreach(\App\Models\Language::all() as $value)
                                        <div class="tab-pane @if($loop->first) active @endif" id="home{{ $value->id }}" role="tabpanel">
                                            <form class="form-horizontal row-border" action="#" id="add_page{{ $value->id }}" autocomplete="off">
                                                @csrf
                                                <div class="form-group row" style="display: none">
                                                    <label for="example-text-input" class="col-md-2 col-form-label">Marka Görseli</label>
                                                    <div class="col-md-10">
                                                        <center>
                                                            <img
                                                                    onclick="$('#img2{{ $value->id }}').trigger('click')"
                                                                    src="{{ asset($value->about_img_2 ?? 'http://kocular.com/wp-content/uploads/2017/09/gorsel-yok1.png') }}"
                                                                    class="img-thumbnail" style="cursor:pointer;;width: 300px;height: 120px;object-fit: contain"
                                                                    id="blah2{{ $value->id }}"
                                                            >
                                                            <br>
                                                            <br>
                                                        </center>
                                                        <input type="file"  name="about_img_2" id="img2{{ $value->id }}" class="form-control"
                                                               onchange="document.getElementById('blah2{{ $value->id }}').src = window.URL.createObjectURL(this.files[0])">
                                                    </div>
                                                </div>
                                                <center><h3>Hakkında Yazısı</h3></center>
                                                <br>
                                                <div class="form-group row" style="display: none">
                                                    <label for="example-text-input" class="col-md-2 col-form-label">Başlık</label>
                                                    <div class="col-md-10">
                                                        <input type="text" class="form-control" name="about_title"  value="{{ $value->about_title }}">
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <label for="example-text-input" class="col-md-2 col-form-label"> Görsel</label>
                                                    <div class="col-md-10">
                                                        <center>
                                                            <img
                                                                    onclick="$('#img{{ $value->id }}').trigger('click')"
                                                                    src="{{ asset($value->about_img_1 ?? 'http://kocular.com/wp-content/uploads/2017/09/gorsel-yok1.png') }}"
                                                                    class="img-thumbnail" style="cursor:pointer;;width: 300px;height: 120px;"
                                                                    id="blah{{ $value->id }}"
                                                            >
                                                            <br>
                                                            <br>
                                                        </center>
                                                        <input type="file"  name="about_img_1" id="img{{ $value->id }}" class="form-control"
                                                               onchange="document.getElementById('blah{{ $value->id }}').src = window.URL.createObjectURL(this.files[0])">
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <label for="example-text-input" class="col-md-2 col-form-label">Sayfa İçeriği</label>
                                                    <div class="col-md-10">
                                                        <div class="summernote val_1_{{ $value->id }}">{!! $value->about_content !!}</div>
                                                    </div>
                                                </div>
                                                <hr>
                                                <div class="form-group row">
                                                    <label for="example-text-input" class="col-md-2 col-form-label">Vizyon</label>
                                                    <div class="col-md-10">
                                                        <textarea class="form-control" name="about_parent_title">{{ $value->about_parent_title }}</textarea>
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <label for="example-text-input" class="col-md-2 col-form-label">Misyon</label>
                                                    <div class="col-md-10">
                                                        <textarea class="form-control" name="about_parent_title2">{{ $value->about_parent_title2 }}</textarea>
                                                    </div>
                                                </div>
                                                <div class="form-group row" style="display: none">
                                                    <label for="example-text-input" class="col-md-2 col-form-label">Sol Görsel</label>
                                                    <div class="col-md-10">
                                                        <center>
                                                            <img
                                                                    onclick="$('#img3{{ $value->id }}').trigger('click')"
                                                                    src="{{ asset($value->about_img_3 ?? 'http://kocular.com/wp-content/uploads/2017/09/gorsel-yok1.png') }}"
                                                                    class="img-thumbnail" style="cursor:pointer;;width: 300px;height: 120px;object-fit: contain"
                                                                    id="blah3{{ $value->id }}"
                                                            >
                                                            <br>
                                                            <br>
                                                        </center>
                                                        <input type="file"  name="about_img_3" id="img3{{ $value->id }}" class="form-control"
                                                               onchange="document.getElementById('blah3{{ $value->id }}').src = window.URL.createObjectURL(this.files[0])">
                                                    </div>
                                                </div>


                                                <div class="form-group row" style="display: none">
                                                    <label for="example-text-input" class="col-md-2 col-form-label">Sağ  Görseli</label>
                                                    <div class="col-md-10">
                                                        <center>
                                                            <img
                                                                    onclick="$('#img4{{ $value->id }}').trigger('click')"
                                                                    src="{{ asset($value->about_img_4 ?? 'http://kocular.com/wp-content/uploads/2017/09/gorsel-yok1.png') }}"
                                                                    class="img-thumbnail" style="cursor:pointer;;width: 300px;height: 120px;object-fit: contain"
                                                                    id="blah4{{ $value->id }}"
                                                            >
                                                            <br>
                                                            <br>
                                                        </center>
                                                        <input type="file"  name="about_img_4" id="img4{{ $value->id }}" class="form-control"
                                                               onchange="document.getElementById('blah4{{ $value->id }}').src = window.URL.createObjectURL(this.files[0])">
                                                    </div>
                                                </div>


                                                <div class="form-group row" style="display: none">
                                                    <label for="example-text-input" class="col-md-2 col-form-label">25 Yıllık Deneyim</label>
                                                    <div class="col-md-10">
                                                        <textarea class="form-control" name="tk1">{{ $value->tk1 }}</textarea>
                                                    </div>
                                                </div>
                                                <div class="form-group row" style="display: none">
                                                    <label for="example-text-input" class="col-md-2 col-form-label">Galeri Başlığı</label>
                                                    <div class="col-md-10">
                                                        <textarea class="form-control" name="tk2">{{ $value->tk2 }}</textarea>
                                                    </div>
                                                </div>
                                                <hr>
                                                <div class="form-group row" style="display: none">
                                                    <label for="example-text-input" class="col-md-2 col-form-label">Marka Hikayesi</label>
                                                    <div class="col-md-10">
                                                        <textarea class="form-control" name="tk3">{{ $value->tk3 }}</textarea>
                                                    </div>
                                                </div>
                                                <div class="form-group row" style="display: none">
                                                    <label for="example-text-input" class="col-md-2 col-form-label">Marka Yazı 1</label>
                                                    <div class="col-md-10">
                                                        <textarea class="form-control" name="tk4">{{ $value->tk4 }}</textarea>
                                                    </div>
                                                </div>
                                                <div class="form-group row" style="display: none">
                                                    <label for="example-text-input" class="col-md-2 col-form-label">Marka Yazı 2</label>
                                                    <div class="col-md-10">
                                                        <textarea class="form-control" name="tk5">{{ $value->tk5 }}</textarea>
                                                    </div>
                                                </div>
                                                <div class="form-group row" style="display: none">
                                                    <label for="example-text-input" class="col-md-2 col-form-label">Marka Yazı 3</label>
                                                    <div class="col-md-10">
                                                        <textarea class="form-control" name="tk6">{{ $value->tk6 }}</textarea>
                                                    </div>
                                                </div>

                                                <div class="form-group row" style="display: none">
                                                    <label for="example-text-input" class="col-md-2 col-form-label">Marka Görsel Sol</label>
                                                    <div class="col-md-10">
                                                        <center>
                                                            <img
                                                                    onclick="$('#img5{{ $value->id }}').trigger('click')"
                                                                    src="{{ asset($value->about_img_5 ?? 'http://kocular.com/wp-content/uploads/2017/09/gorsel-yok1.png') }}"
                                                                    class="img-thumbnail" style="cursor:pointer;;width: 300px;height: 120px;object-fit: contain"
                                                                    id="blah5{{ $value->id }}"
                                                            >
                                                            <br>
                                                            <br>
                                                        </center>
                                                        <input type="file"  name="about_img_5" id="img5{{ $value->id }}" class="form-control"
                                                               onchange="document.getElementById('blah5{{ $value->id }}').src = window.URL.createObjectURL(this.files[0])">
                                                    </div>
                                                </div>

                                                <div class="form-group row" style="display: none">
                                                    <label for="example-text-input" class="col-md-2 col-form-label">Marka Görsel Sağ</label>
                                                    <div class="col-md-10">
                                                        <center>
                                                            <img
                                                                    onclick="$('#img6{{ $value->id }}').trigger('click')"
                                                                    src="{{ asset($value->about_img_6 ?? 'http://kocular.com/wp-content/uploads/2017/09/gorsel-yok1.png') }}"
                                                                    class="img-thumbnail" style="cursor:pointer;;width: 300px;height: 120px;object-fit: contain"
                                                                    id="blah6{{ $value->id }}"
                                                            >
                                                            <br>
                                                            <br>
                                                        </center>
                                                        <input type="file"  name="about_img_6" id="img6{{ $value->id }}" class="form-control"
                                                               onchange="document.getElementById('blah6{{ $value->id }}').src = window.URL.createObjectURL(this.files[0])">
                                                    </div>
                                                </div>


                                                <button type="submit" class="btn btn-primary has-spinner"
                                                        id="general_button{{ $value->id }}"
                                                        style="float: right"> Güncelle
                                                </button>
                                            </form>
                                        </div>
                                    @endforeach
                                </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">


        @foreach(\App\Models\Language::all() as $value)

        $('#add_page{{ $value->id }}').unbind('submit').bind('submit', function (event) {
            event.preventDefault();
            var btn = $('#general_button{{ $value->id }}');
            btn.buttonLoader('start');
            var data = new FormData(this);
            data.append('id',{{ $value->id }});
            var content = $('.val_1_{{ $value->id }}').summernote('code');
            data.append('about_content',content)
            data.append('id',{{ $value->id }})
            $.ajax({
                type: 'POST',
                url: '{{ route('admin.reference.store') }}',
                data: data,
                processData: false,
                cache: false,
                contentType: false,
                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")
                        {
                            $('#img{{ $value->id }}').val('');
                        }
                    }
                    btn.buttonLoader('stop');
                },
                error: function (data) {
                    btn.buttonLoader('stop');
                }
            });
        });


        @endforeach




        $('.delete-item').unbind('click').bind('click', function (event) {
            event.preventDefault();
            var id = $(this).data("id");
            if (id > 0) {
                $.confirm({
                    title: false,
                    content: 'Seçili sliderı 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.slider.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.slider.sortable') }}',
                        data: {'data' : data},
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        success: function (response) {
                        },
                        error: function (data) {
                        }
                    });
                }
            });
            $("#sortable").disableSelection();
        })
    </script>
@endsection