@extends('layouts.app')
@section('title') Backup @endsection


@section('css')
    <link href="{{asset('assets/css/color-picker.css')}}" rel="stylesheet" type="text/css"/>
@endsection

@section('content')

    <!-- begin:: Subheader -->
    <div class="kt-subheader   kt-grid__item" id="kt_subheader">
        <div class="kt-subheader__main">
            <h3 class="kt-subheader__title">
                Backup</h3>
            <span class="kt-subheader__separator kt-hidden"></span>
        </div>
    </div>

    <!-- end:: Subheader -->

    <!-- begin:: Content -->


    <div class="kt-content  kt-grid__item kt-grid__item--fluid" id="">

        <div class="kt-portlet kt-portlet--mobile">
            <div class="kt-portlet__head kt-portlet__head--lg">
                <div class="kt-portlet__head-label">
										<span class="kt-portlet__head-icon">
											<i class="kt-font-brand flaticon2-file red"></i>
										</span>
                    <h3 class="kt-portlet__head-title">
                        Export Data
                    </h3>
                </div>

            </div>
            <div class="kt-portlet__body">
                <table class="table datatable-basic datatable-button-flash-basic">
                    <thead>
                    <tr>
                        <th class="text-center">Data</th>
                        <th class="text-center">Action</th>
                    </tr>
                    </thead>
                    <tbody>

                    <tr>
                        <td class="text-center">Users</td>
                        <td class="text-center">

                            <a href="{{route('DataExport.show',"Users")}}" class="btn btn-primary">Export<i
                                    class="icon-arrow-right14 position-center"></i></a>
                        </td>
                    </tr>
                    <tr>
                        <td class="text-center">Categories</td>
                        <td class="text-center">

                            <a href="{{route('DataExport.show',"Categories")}}" class="btn btn-primary">Export<i
                                    class="icon-arrow-right14 position-center"></i></a>
                        </td>
                    </tr>
                    <tr>
                        <td class="text-center">Products</td>
                        <td class="text-center">

                            <a href="{{route('DataExport.show',"Products")}}" class="btn btn-primary">Export<i
                                    class="icon-arrow-right14 position-center"></i></a>
                        </td>
                    </tr>
                    <tr>
                        <td class="text-center">Orders</td>
                        <td class="text-center">

                            <a href="{{route('DataExport.show',"Orders")}}" class="btn btn-primary">Export<i
                                    class="icon-arrow-right14 position-center"></i></a>
                        </td>
                    </tr>
                    <tr>
                        <td class="text-center">Cities & Districts</td>
                        <td class="text-center">

                            <a href="{{route('DataExport.show',"Cities")}}" class="btn btn-primary">Export<i
                                    class="icon-arrow-right14 position-center"></i></a>
                        </td>
                    </tr>
                    <tr>
                        <td class="text-center">Settings</td>
                        <td class="text-center">

                            <a href="{{route('DataExport.show',"Settings")}}" class="btn btn-primary">Export<i
                                    class="icon-arrow-right14 position-center"></i></a>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>

        @endsection
        @section('js')


            <script>
                $(document).ready(function () {
                    var update_settings = function () {
                        $('.btn-update').on("click", function () {
                            $(".loadingMask").css('display', 'inline-block');

                            $(".loadingMask").css('display', 'inline-block');

                            $.ajax({
                                method: "post",
                                beforeSend: function () {
                                    $(".loadingMask").css('display', 'inline-block');
                                },
                                url: "{{route('settings.update')}}",

                                data:
                                    new FormData($("#settings_form")[0])
                                ,
                                headers: {
                                    'X-CSRF-TOKEN': $('input[name="_token"]').val()
                                },
                                async: true,
                                processData: false,
                                contentType: false,
                                success: function (data) {
                                    //  wait.resolve();
                                    $(".loadingMask").css('display', 'none');
                                    if (data.errors) {
                                        $('.error-alert p').remove();
                                        $('.error-alert').show();
                                        // swal("Errors!", "Please Enter all required field!", "error");
                                        jQuery.each(data.errors, function (key, value) {

                                            $('.error-alert').append('<p>' + value + '</p>');
                                            $("body, html").animate({scrollTop: 0}, 600);

                                        });
                                    } else {
                                        $('.error-alert p').remove();
                                        $('.error-alert').hide();
                                        swal.fire({
                                            type: 'success',
                                            title: 'Updated successfully',
                                            confirmButtonText: 'Ok!',
                                        });
                                    }
                                },
                                error: function () {
                                    $(".loadingMask").css('display', 'none');
                                    alert("Error, Please try again");
                                }
                            });


                        });
                    };
                    update_settings();


                });


            </script>
@endsection