@extends('_back.layout.master')
@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">Dil Yönetimi</h4>
                            <div class="page-title-right">
                                <ol class="breadcrumb m-0">
                                    <li class="breadcrumb-item"><a
                                            href="{{route('admin_language_list')}}">Tüm Diller</a></li>
                                    <li class="breadcrumb-item active">Yeni Dil 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">
                            @csrf
                            <div class="card">
                                <div class="card-body">
                                    <h4 class="card-title"> Dil
                                        Ekle</h4>
                                    <p class="card-title-desc">Buradan yeni dil ekleyebilirsiniz.</p>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group row">
                                                <div class="col-md-12">
                                                    <label for="example-text-input" class="col-form-label">Dil Adı</label>
                                                    <input type="text" class="form-control" name="name" required autocomplete="off" autofocus>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group row">
                                                <div class="col-md-12">
                                                    <label for="example-text-input" class="col-form-label">Dil Kısaltma ( ISO )</label>
                                                    <input type="text" class="form-control" name="iso" required autocomplete="off">
                                                    <code>ISO dil kodu girildiği takdirde tarayıcı diline göre otomatik yönlendirme yapılacaktır.</code>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <br>
                                    <br>
                                    <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_language_list')}}'"
                                            style="float: right;margin-right: 5px">İptal
                                    </button>
                                    <br>
                                    <br>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('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);
            var textareaValue = $('.summernote').summernote('code');
            data.append('text',textareaValue)
            $.ajax({
                type: 'POST',
                url: '/admin/language/add',
                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.m_type](response.m_m);
                        if (response.m_type == "success") {
                            window.location = '/admin/language/edit/'+response.id;
                        }
                    }
                    btn.buttonLoader('stop');
                    console.log(response);
                },
                error: function (data) {
                    btn.buttonLoader('stop');
                    //console.log(data);
                }
            });
        });
    </script>
@endsection