@extends('_back.layout.master')
@section('title','Marka Ekle - ')
@section('header')
    <link href="{{asset('back/')}}/assets/css/app.min.css" rel="stylesheet" type="text/css" />
    <link href="{{ asset('back/assets/libs/select2/css/select2.min.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">Marka Ekle</h4>

                            <div class="page-title-right">
                                <ol class="breadcrumb m-0">
                                    <li class="breadcrumb-item"><a href="{{route('admin.reference.index')}}">Çözüm Ortaklarımız</a></li>
                                    <li class="breadcrumb-item active">
                                        Marka Ekle
                                    </li>
                                </ol>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-12">
                        <form class="form-horizontal row-border" action="#" id="add_page" autocomplete="off">
                            @csrf
                            <div class="card">
                                <div class="card-body">
                                    <h4 class="card-title"> Marka Ekle </h4>
                                    <p class="card-title-desc">Buradan yeni marka ekleyebilirsiniz.</p>
                                    <div class="form-group row">
                                        <label for="example-text-input" class="col-md-2 col-form-label">Adı</label>
                                        <div class="col-md-10">
                                            <input type="text" class="form-control" name="name">
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label for="example-text-input" class="col-md-2 col-form-label">URL</label>
                                        <div class="col-md-10">
                                            <input type="url" class="form-control" name="url">
                                            <code>Eğer yönlendirme yapmasınız istemiyorsanız boş bırakın. Örneğin; https://google.com</code>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label for="example-text-input" class="col-md-2 col-form-label">Anasayfa'da Göster</label>
                                        <div class="col-md-10">
                                            <div class="custom-control custom-switch custom-switch-lg mb-3" dir="ltr">
                                                <input type="checkbox" class="custom-control-input" name="featured"
                                                       value="1" id="featured">
                                                <label class="custom-control-label" for="featured"></label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label for="example-text-input" class="col-md-2 col-form-label">Kapak Görseli</label>
                                        <div class="col-md-10">
                                            <center>
                                                <img
                                                    onclick="$('#img').trigger('click')"
                                                    src="http://kocular.com/wp-content/uploads/2017/09/gorsel-yok1.png" class="img-thumbnail" style="cursor:pointer;;width: 300px;height: 120px;" id="blah">
                                                <br>
                                                <br>
                                            </center>
                                            <input type="file" name="cover_img" id="img" class="form-control" required
                                                   onchange="document.getElementById('blah').src = window.URL.createObjectURL(this.files[0])">
                                        </div>
                                    </div>
                                    <button type="submit" class="btn btn-primary has-spinner"
                                            id="general_button"
                                            style="float: right">Ekle
                                    </button>
                                    <button type="button" class="btn btn-secondary has-spinner"
                                            onclick="window.location='{{route('admin.reference.index')}}'"
                                            style="float: right;margin-right: 5px">İptal
                                    </button>
                                    <br>
                                    <br>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script src="{{ asset('back/assets/libs/select2/js/select2.min.js') }}"></script>
    <script type="text/javascript">
        $('#add_page').unbind('submit').bind('submit', function (event) {
            event.preventDefault();
            var btn = $('#general_button');
            btn.buttonLoader('start');
            var data = new FormData(this);
            $.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") {
                            $('#add_page')[0].reset();
                            $('#blah').attr("src","http://kocular.com/wp-content/uploads/2017/09/gorsel-yok1.png");
                            $(".select2").val('').trigger('change');
                            $(".select2lang").val('').trigger('change');
                            $('.summernote').summernote('code', '');
                        }
                    }
                    btn.buttonLoader('stop');
                    //console.log(response);
                },
                error: function (data) {
                    btn.buttonLoader('stop');
                    //console.log(data);
                }
            });
        });

    </script>
@endsection