@extends('layouts.admin.admin-app')
@section('title','Manage Configuration')
@section('content')
<div class="main-content adduser_page settings">
    <div class="content_wrapper">
        <div class="content_header">
            <div class="page_title">
                <h2 class="d-inline-block pr-3 mr-3 border-right">Edit Configuration</h2>
                <nav aria-label="breadcrumb" class="d-inline-block">
                    <ol class="breadcrumb p-0 mb-0">
                        <li class="breadcrumb-item"><a href="{{url('/admin/config')}}">Manage Configuration</a>
                        </li>
                    </ol>
                </nav>
            </div>
        </div>
        <div class="content">
            <div class="add_form mx-auto">
                <div class="card">
                    <div class="card-header">Config</div>
                    <div class="card-body">
                        <form id="updateConfig" method="post" action="{{url('admin/update-config')}}" enctype="multipart/form-data">
                            {{csrf_field()}}
                            <div class="row">
                                                            </div>
                            <div class="form-group action  text-right mb-0">
                                <button id="updateConfigBtn" type="button" class="btn btn-warning  ripple-effect">Save</button>
                            </div>
                        </form>
                        {!! JsValidator::formRequest('App\Http\Requests\ConfigRequest','#updateConfig') !!}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
$("#updateConfigBtn").on('click', (function(e) {
    var frm = $('#updateConfig');
    var btn = $('#updateConfigBtn');
    e.preventDefault();
    if (frm.valid()) {
        btn.html('Save {{buttonLoader()}}');
        btn.prop('disabled', true);
        $.ajax({
            url: "{{url('/admin/update-config')}}",
            type: "POST",
            data: new FormData($('#updateConfig')[0]),
            contentType: false,
            cache: false,
            processData: false,
            success: function(response) {
                btn.html('Save');
                btn.prop('disabled', false);
                if (response.success) {
                    setTimeout(function() {
                        window.location.href = "{{url('/admin/config')}}";
                    }, 1000);
                    successToaster(response.message, 'Config');
                } else {
                    if (response.data == 'file_validation') {
                        $('#fileValidation' + '-error').html(response.message);
                        $('#fileValidation' + '-error').parent('.form-group').removeClass('has-success').addClass('has-error');
                    }
                }

            },
            error: function(data) {
                btn.html('Save');
                btn.prop('disabled', false);
                var obj = jQuery.parseJSON(data.responseText);
                if (obj.data == 'file_validation') {
                    $('#fileValidation' + '-error').html(obj.message);
                    $('#fileValidation' + '-error').parent('.form-group').removeClass('has-success').addClass('has-error');
                }

            },
        });
    }
}));


// script to show uploaded file name 
$(document).ready(function() {
    $(document).on('change', '.btn-upload :file', function() {
        var input = $(this),
            label = input.val().replace(/\\/g, '/').replace(/.*\//, '');
        input.trigger('fileselect', [label]);
    });
    $('.btn-upload :file').on('fileselect', function(event, label) {
        var input = $(this).parents('.input-group').find(':text'),
            log = label;

        if (input.length) {
            input.val(log);
        } else {
            if (log) alert(log);
        }
    });
});
</script>
@endsection