@extends('layouts.authorized')
@section('title', $model::getTitle())

@section('headerCustom')
    @php
        $id = 0;
        if (!empty($model) && !empty($model->getKey())) $id = $model->getKey();

        if(empty($id)) $title = getPrefixTitleDetails() . ' ' . $model::getTitleDetails();
        else $title = $model::getTitleDetails();

        $language = '';

        $listType = [
            'name' => 'Text',
            'email'  => 'Text'
        ];
    @endphp
@endsection

@section('button')

    @include('cms.form.button')

@endsection

@section('content')

    @include('cms.form.errorbox')

    <div class="col-md-12">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <div class="row">
                        <div class="col-xs-6">
                            Profile
                        </div>
                        <div class="col-xs-6">
                            <button class="btn btn-danger pull-right" type="button" data-toggle="modal" data-target="#modal-delete-data">Hapus Akun & Data</button>
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    @if($message = Session::get('failed'))
                        <div class="alert alert-danger">
                            <ul>
                                <li>{{$message['msg']}}</li>
                            </ul>
                        </div>
                    @elseif($message = Session::get('no_connection'))
                    <div class="alert alert-danger">
                        <ul>
                            <li>Koneksi gagal, silahkan coba lagi!</li>
                        </ul>
                    </div>
                    @endif
                    <div class="row">
                        @include('cms.form.section', ['listType' => $listType])
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="modal-delete-data" class="modal fade" role="dialog">
        <div class="modal-dialog">
                <input type="hidden" name="approvalVerfication">
                <div class="modal-content">
                    <div class="modal-header p-15">
                        <h4 class="modal-title"><span class="modal-title-approval"></span> Hapus Akun & Data </h4>
                    </div>
                    <div class="modal-body p-15 text-center">
                        <div class="row">
                            <i class="fa fa-question-circle mb-20 fa-4x"></i>
                            <p class="mb-25"><b id="modal-dialog-approval">Akun anda akan kami non aktifkan dan data anda akan kami hapus dari sistem Duha Syariah</b></p>
                            <input type="checkbox" name="deleteApprove" /> 
                            <small>Centang untuk menyutujui penghapusan akun & data Anda</small>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">
                            Batal
                        </button>
                        <form action="{{ route('productive.lender.deleteaccount') }}" method="post">
                            <button type="submit" class="btn btn-primary" id="btn-delete" disabled>
                                <span class="modal-title-approval"></span> Hapus Data Akun
                            </button>
                        </form>
                    </div>
                </div>
        </div>
    </div>
@endsection

@section('jsCustom')
    <script>
        var successMessage = '{!! session('success') !!}';

        if (successMessage) {
            swal('SUCCESS',successMessage,'success');
        }

        let checksApproveDelete = $('[name="deleteApprove"]');
        checksApproveDelete.click(function (e) {
            if (this.checked) {
                $('#btn-delete').prop('disabled', false);
            } else {
                $('#btn-delete').prop('disabled', true);
            } 
        });
    </script>
@endsection