@extends('layouts.app')

@section('title', 'Tetapan Akaun')
@section('account', 'm-menu__item--active')

@section('content')
<div class="row">
    <div class="col-lg-10">
        <div class="m-portlet">
            <div class="m-portlet__head">
                <div class="m-portlet__head-caption">
                    <div class="m-portlet__head-title">
                        <span class="m-portlet__head-icon m--hide">
                            <i class="la la-gear"></i>
                        </span>
                        <h3 class="m-portlet__head-text">
                            SSIPR Akaun
                        </h3>
                    </div>
                </div>
            </div>
            <form id="profile_form" class="m-form m-form--label-align-right" action="{{ url('account/'.Auth::user()->id) }}" method="POST">
                @csrf
                <div class="m-portlet__body">
                    <div class="m-form__section m-form__section--first">
                        <div class="m-form__heading">
                            <h3 class="m-form__heading-title">
                                Maklumat Akaun:
                            </h3>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                Nama:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input nama" name="name" placeholder="Sila masukan nama" value="{{ Auth::user()->name }}" data-inputmask-regex="([a-zA-Z@/ ])+/g">
                            </div>
                            <label class="col-lg-2 col-form-label">
                                @role('rakyat') No. Kad Pengenalan / No. Polis / No. Tentera: @endrole
                                @role(['super_admin','admin']) ID Admin: @endrole
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" name="username" placeholder="Sila masukan username" value="{{ Auth::user()->username }}" disabled>
                            </div>
                        </div>
                        @role(['super_admin', 'admin'])
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                No. Kad Pengenalan
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" name="ic_admin" placeholder="Sila masukan no kad pengenalan" value="{{ Auth::user()->ProfileAdmin()->exists() ? Auth::user()->ProfileAdmin->ic_admin : '' }}" data-inputmask-regex="([a-zA-Z@/ ])+/g" readonly>
                            </div>
                        </div>
                        @endrole
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                Emel:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" name="email" placeholder="Sila masukan emel" value="{{ Auth::user()->email }}" disabled>
                            </div>
                            @role(['super_admin','rakyat'])
                            <label class="col-lg-2 col-form-label">
                                Tarikh Pendaftaran:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" name="created_at" value="{{ Carbon\Carbon::parse(Auth::user()->created_at)->format('d-m-Y') }}" disabled>
                            </div>
                            @endrole
                            @role('admin')
                            <label class="col-lg-2 col-form-label">
                                No. Tel:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" id="phone_no" name="phone_no" placeholder="Sila masukan no tel" value="{{ Auth::user()->phone_no }}">
                            </div>
                            @endrole
                        </div>
                        @role('admin')
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                Agensi:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" name="agency" placeholder="Sila masukan agensi" value="{{ Auth::user()->agency }}">
                            </div>
                            <label class="col-lg-2 col-form-label">
                                Jawatan:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" name="position" placeholder="Sila masukan jawatan" value="{{ Auth::user()->position }}">
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                Alamat:
                            </label>
                            <div class="col-lg-4">
                                <textarea type="text" class="form-control m-input" name="address" placeholder="Sila masukan alamat">{{ Auth::user()->address }}</textarea>
                            </div>
                        </div>
                        @endrole
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                Kata Laluan:
                            </label>
                            <div class="col-lg-4">
                                <input type="password" class="form-control m-input" name="password" placeholder="Sila masukan kata laluan">
                            </div>
                            <label class="col-lg-2 col-form-label">
                                Sahkan Kata Laluan:
                            </label>
                            <div class="col-lg-4">
                                <input type="password" class="form-control m-input" name="password_confirmation" placeholder="Sila sahkan kata laluan">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="m-portlet__foot m-portlet__foot--fit">
                    <div class="m-form__actions m-form__actions">
                        <div class="row">
                            <div class="col-lg-5"></div>
                            <div class="col-lg-6">
                                <button type="button" class="btn btn-primary" onclick="submitForm()">
                                    Simpan
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection

@section('js')

@role(['super_admin','rakyat'])
    <script>  
        $(document).ready(() => {
            $(".nama").inputmask("Regex");
        });
    </script>
@endrole

@role('admin')
<script>
    $(document).ready(() => {
        $("#phone_no").inputmask({
            mask: "9999999999999",
            placeholder: ""
        });
    });
</script>
@endrole

<script>
    function submitForm() {
        $.confirm({
            title: 'Kemaskini akaun anda?',
            content: 'Anda pasti untuk teruskan?',
            icon: 'fa fa-spinner fa-spin',
            type: 'green',
            buttons: {
                simpan: {
                    btnClass: 'btn-green',
                    action: function() {
                        $('#profile_form').submit();
                    }
                },
                kembali: {
                    btnClass: 'btn-red',
                    action: function() {

                    }
                }
            }
        });
    }
</script>
@endsection