@extends('layouts.layout')
@section('body_class', 'nav-md')
@section('css')
<style>
    .padding {padding:15px;}
</style>
@endsection
@section('body_content')
<div class="container body">
    <div class="main_container">
        @include('includes.sidebar')
        <div class="right_col" role="main">
            @include('pages.bisnis_akun.include_top')

            <div class="row">
                @include('pages.bisnis_akun.detail.include_breadcumb', ['current_page' => 'Detail'])

                <form id="form-data">
                    <input type="hidden" name="id_customer" value="{{ $bisnis_detail->id }}" class="input-idcustomer" />

                    <div class="col-xs-12">
                        <div class="x_panel">                        
                            <div class="x_content">
                                <ul class="nav nav-tabs" role="tablist">
                                    <li role="presentation" class="active"><a href="#tab_account" aria-controls="tab_store" role="tab" data-toggle="tab">Account</a></li>
                                    <li role="presentation"><a href="#tab_document" aria-controls="tab_document" role="tab" data-toggle="tab">Document</a></li>
                                    <li role="presentation"><a href="#tab_setting" aria-controls="tab_setting" role="tab" data-toggle="tab">Setting</a></li>
                                    <li role="presentation"><a href="#tab_store" aria-controls="tab_store" role="tab" data-toggle="tab">Store</a></li>
                                </ul>
                                <div class="tab-content">
                                    <div role="tabpanel" class="tab-pane active fade in" id="tab_account">
                                        @include('pages.bisnis_akun.detail.inc_bisnis_akun.tab_customer')
                                    </div>
                                    <div role="tabpanel" class="tab-pane fade" id="tab_document">
                                        @include('pages.bisnis_akun.detail.inc_bisnis_akun.tab_dokumen')
                                    </div>
                                    <div role="tabpanel" class="tab-pane fade" id="tab_setting">
                                        @include('pages.bisnis_akun.detail.inc_bisnis_akun.tab_setting')
                                    </div>
                                    <div role="tabpanel" class="tab-pane fade" id="tab_store">
                                        @include('pages.bisnis_akun.detail.inc_bisnis_akun.tab_store')
                                    </div>
                                </div>        
                            </div>
                        </div>

                         <div class="x_panel">
                            <div class="x_content">
                                <div class="form-group">
                                    <div class="alert_placeholder"></div>
                                </div>

                                <div class="form-group text-center">
                                    <div class="loading hidden"><i class="fa fa fa-spinner fa-pulse"></i></div>
                                    <div class="submit">                                     
                                        <button type="submit" class="btn btn-primary"><i class="fa fa-check" aria-hidden="true"></i> Save Data</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        @include('includes.footer')
    </div>
</div>
@endsection
@section('scripts')
<script src="{{ url('/js/bisnis_akun/detail/index.min.js') }}"></script>
<script type="text/javascript">
    function resetPassword() {
        let txt;
        let r = confirm("Apakah Anda yakin ingin mereset password user ini ?");
        if (r == true) {

            $.ajax({
                url: web_url + '/api/bisnis_akun/reset_password',
                method: "POST",
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                data: { id: "{{ $id }}" }
            })
            .done(function(response) {
                if(response['success'] === '1') {
                    alert('password baru telah dikirimkan ke Email user !');
                } 
                else {
                    alert('Oops, Terjadi kesalahan, Refresh kembali halaman ini !');
                }
            }).error(function(response) {
                var data = response.responseJSON;

                if(data.errors) {
                    $.each(data.errors, function(key, value) { 
                        var errorHtml = '<div class="alert alert-danger"><span>' + value[0] + '</span></div>';
                        $form.find('.alert_placeholder').html(errorHtml);
                    });
                }

                $form.find('.loading').addClass('hidden');
                $form.find('.submit').removeClass('hidden');
            });
        }
    }
</script>
@endsection