@extends('layouts.layout')

@section('body_class', 'nav-md')

@section('body_content')
<div class="container body">
    <div class="main_container">
        @include('includes.sidebar')
        <div class="right_col" role="main">
            <div class="page-title">
                <div class="title_left">
                    <h3>Customer</h3>
                </div>
                <div class="clearfix"></div>
            </div>

            <div class="row">
                <div class="col-xs-12">
                    <ol class="breadcrumb">
                        <li><a href="{{ url('/dashboard') }}">Home</a></li>
                        <li><a href="{{ url('/customers') }}">Customer</a></li>
                        <li class="active">Detail</li>
                    </ol>
                </div>
            </div>

            <div>
                <!-- Nav tabs -->
                <ul class="nav nav-tabs" role="tablist">
                    <li role="presentation" class="{{ !old('active_tab') ? 'active' : '' }}"><a href="#data-customer" aria-controls="data-customer" role="tab" data-toggle="tab">Data Customer</a></li>
                    <li role="presentation" class="{{ old('active_tab') ? 'active' : '' }}"><a href="#dokumen" aria-controls="dokumen" role="tab" data-toggle="tab">Dokumen Customer</a></li>
                    <li role="presentation"><a href="#rekening" aria-controls="rekening" role="tab" data-toggle="tab">Rekening Customer</a></li>
                    <li role="presentation"><a href="#unverifikasi" aria-controls="unverifikasi" role="tab" data-toggle="tab">Unverifikasi</a></li>
                    <li role="presentation"><a href="#blok_akun" aria-controls="blok_akun" role="tab" data-toggle="tab">Blok Akun</a></li>
                </ul>

                <div class="tab-content">
                    @include("pages.customer.inc_detail.section_data")
					@include("pages.customer.inc_detail.section_dokumen")
                    @include("pages.customer.inc_detail.section_rekening")
                    @include("pages.customer.inc_detail.section_unverifikasi")
					@include("pages.customer.inc_detail.section_blokakun")
                </div>
            </div>
        </div>
        @include('includes.footer')
    </div>
</div>
@include('pages.customer.inc_detail.upload_npwp_modal')
@include('pages.customer.inc_detail.upload_tandapengenal_modal')
@endsection

@section('scripts')
<script src="{{ url('/js/customer_detail.min.js') }}"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script>

<script type="text/javascript">
    @if(old('status') === 1)
        setTimeout(function(){ 
            alert('{{ old("msg") }}');
        }, 1000);
    @endif

    $(document).ready(function() {
        $(".btn-givenewpass").on("click", function() {
            $("#form_customer").find('.loading').removeClass('hidden');
            $("#form_customer").find('.submit').addClass('hidden');

            $.ajax({
                url: 'give_new_password',
                method: "POST",
                headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
                data: $("#form_customer").serialize(),
                success: function(response) {
                    alert("Success send email");
                    location.reload();
                },
                error: function(response) {
                    var response = response.responseJSON;
                    alert(response.error);
                    $("#form_customer").find('.loading').addClass('hidden');
                    $("#form_customer").find('.submit').removeClass('hidden');
                }
            });
            return false;
        });

        $("#submitBtn").on("click", function() {
            $("#form_unverifikasi").find('.loading').removeClass('hidden');
            $("#form_unverifikasi").find('.submitBtn').addClass('hidden');

            $.ajax({
                url: 'unverified',
                method: "POST",
                headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
                data: $("#form_unverifikasi").serialize(),
                success: function(response) {
                    Swal.fire({
                        title: "Success!",
                        text: "Harap menginfokan ke tim fraud",
                        icon: "success",
                        timer: 2000,
                        timerProgressBar: true,
                        didOpen: () => {
                            Swal.showLoading();
                        },
                        willClose: () => {
                            location.reload();
                        }
                    });
                },
                error: function(response) {
                    var response = response.responseJSON;
                    Swal.fire({
                        title: "Error!",
                        text: response.error,
                        icon: "error",
                        timer: 2000,
                        timerProgressBar: true,
                        didOpen: () => {
                            Swal.showLoading();
                        },
                        willClose: () => {
                            $("#form_unverifikasi").find('.loading').addClass('hidden');
                            $("#form_unverifikasi").find('.submitBtn').removeClass('hidden');
                        }
                    });
                }
            });

            return false;
        });

        $(".btn-mutasi").on("click", function() {
            $("#form_rekening").find('.loading').removeClass('hidden');
            $("#form_rekening").find('.submit').addClass('hidden');

            $.ajax({
                url: 'mutasi_send',
                method: "GET",
                headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
                data: $("#form_rekening").serialize(),
                success: function(response) {
                    alert("Success send email");
                    location.reload();
                },
                error: function(response) {
                    var response = response.responseJSON;
                    alert(response.error);
                    $("#form_rekening").find('.loading').addClass('hidden');
                    $("#form_rekening").find('.submit').removeClass('hidden');
                }
            });
            return false;
        });

        $(".btn-mutasi_date").on("click", function() {
            $("#form_rekening_date").find('.loading').removeClass('hidden');
            $("#form_rekening_date").find('.submit').addClass('hidden');

            $.ajax({
                url: 'mutasi_send_date',
                method: "GET",
                headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
                data: $("#form_rekening_date").serialize(),
                success: function(response) {
                    alert("Success send email");
                    location.reload();
                },
                error: function(response) {
                    var response = response.responseJSON;
                    alert(response.error);
                    $("#form_rekening_date").find('.loading').addClass('hidden');
                    $("#form_rekening_date").find('.submit').removeClass('hidden');
                }
            });
            return false;
        });

        $(".btn-mutasi-tax").on("click", function() {
            $("#form_rekening_tax").find('.loading').removeClass('hidden');
            $("#form_rekening_tax").find('.submit').addClass('hidden');

            $.ajax({
                url: 'mutasi_send_tax',
                method: "GET",
                headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
                data: $("#form_rekening_tax").serialize(),
                success: function(response) {
                    alert("Success send email");
                    location.reload();
                },
                error: function(response) {
                    var response = response.responseJSON;
                    alert(response.error);
                    $("#form_rekening_tax").find('.loading').addClass('hidden');
                    $("#form_rekening_tax").find('.submit').removeClass('hidden');
                }
            });
            return false;
        });

         $(".btn-mutasi-tax-month").on("click", function() {
            $("#form_rekening_tax-month").find('.loading').removeClass('hidden');
            $("#form_rekening_tax-month").find('.submit').addClass('hidden');

            $.ajax({
                url: 'mutasi_send_tax_month',
                method: "GET",
                headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
                data: $("#form_rekening_tax-month").serialize(),
                success: function(response) {
                    alert("Success send email");
                    location.reload();
                },
                error: function(response) {
                    var response = response.responseJSON;
                    alert(response.error);
                    $("#form_rekening_tax-month").find('.loading').addClass('hidden');
                    $("#form_rekening_tax-month").find('.submit').removeClass('hidden');
                }
            });
            return false;
        });
        
    });
</script>
@endsection