@extends('backend.app')
@section('content')

    <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
        <h1 class="h2">Yeni Sayfa Ekle</h1>
        <hr>
    </div>

    <div class="col-md-12">

        @if ($errors->any())
            <div class="alert alert-danger">
                <strong> Hata...!</strong> zorunlu alanları giriniz.<br>
                <ul>
                    @foreach($errors as $error)
                        <li>{{$error}}</li>
                    @endforeach
                </ul>
            </div>
        @endif
            <div id="messages"></div>
        <form method="post" id="form-data" data-route="{{ route('ajaxPageAdd') }}" class="form-horizontal form-label-left">
            @csrf

            <div class="form-group row">
                {{Form::label('name', 'Sayfa Adı', ['class' => 'col-md-4 col-form-label text-md-right'])}}

                <div class="col-md-6">
                    {{ Form::text('name', '', ['class' => ($errors->has('name')) ? 'form-control is-invalid' : 'form-control']) }}
                    @error('name')
                    <span class="invalid-feedback" role="alert"><strong>{{ $message }}</strong></span>
                    @enderror
                </div>
            </div>

            <div class="form-group row">
                {{Form::label('descreption', 'Sayfa Açıklama', ['class' => 'col-md-4 col-form-label text-md-right'])}}
                <div class="col-md-6">
                    {{ Form::text('descreption', '', ['class' => ($errors->has('descreption')) ? 'form-control is-invalid' : 'form-control']) }}
                    @error('name')
                    <span class="invalid-feedback" role="alert"><strong>{{ $message }}</strong></span>
                    @enderror
                </div>
            </div>

            <div class="form-group row">
                {{Form::label('tags', 'Anahtar Kelimeler', ['class' => 'col-md-4 col-form-label text-md-right'])}}
                <div class="col-md-6">
                    {{ Form::text('tags', '', ['class' => ($errors->has('tags')) ? 'form-control is-invalid' : 'form-control']) }}
                    @error('name')
                    <span class="invalid-feedback" role="alert"><strong>{{ $message }}</strong></span>
                    @enderror
                </div>
            </div>

            <div class="form-group row mb-0">
                <div class="col-md-6 offset-md-4">
                    <input type="submit" class="btn btn-primary btn-block">

                </div>
            </div>
        </form>

    </div>
@endsection


@section('js')

<script type="text/javascript">

        $('#form-data').submit(function(e){
            var route = $('#form-data').data('ajaxPageAdd');
            var form_data = $(this);
            $('.alert').remove();
            $.ajax({
                url: route,
                type: 'POST',
                data:form_data.serialize(),

                success: function (Response) {
                console.log(Response);
                if(Response.name) {
                    $('#messages').append('<div>'+Response.name+'</div>');
                }
                if(Response.description) {
                $('#messages').append('<div>'+Response.description+'</div>');
                }
                if(Response.success){
                    $('#messages').append(Response.success);
                }
                }
            });
            e.preventDefault(); // this prevents the form from submitting
        });

</script>
@endsection