@extends('layouts.frontendProfile')

@section('profile-content')
    <p class="bg-white card-header mb-4 text-dark" style="margin: 0 -15px;"><i class="fas fa-user-circle mr-2"></i>ข้อมูลส่วนตัว</p>
    <form id="userForm">
        @csrf
        {{-- <div class="form-group row">
            <label for="staticEmail" class="col-sm-3 col-form-label text-sm-right"><i
                    class="fa fa-envelope"></i> อีเมล์</label>
            <div class="col-sm-9">
                <input type="text" readonly class="form-control-plaintext" id="staticEmail"
                    value="{{ Auth::user()->email ?? '-' }}">
            </div>
        </div> --}}
        <div class="form-group row">
            <label for="inputUsername" class="col-sm-3 col-form-label text-sm-right">ยูสเซอร์เนม</label>
            <div class="col-sm-9">
                <input type="text" readonly class="form-control-plaintext border-left-0" id="inputUsername"
                    value="{{ Auth::user()->username ?? '-' }}">
            </div>
        </div>
        <div class="form-group row">
            <label for="inputName" class="col-sm-3 col-form-label text-sm-right">ชื่อ-นามสกุล</label>
            <div class="col-sm-9">
                <div class="input-group">
                    <div class="input-group-prepend">
                        <div class="input-group-text bg-transparent border-right-0"><i class="fa fa-user fa-fw"></i></div>
                    </div>
                    @php
                    $isAllowEditMemberName = false;
                    if(Auth::user()->bankAccounts->count() >= 1) $isAllowEditMemberName = true;
                    @endphp
                    <input type="text" class="form-control border-left-0" id="inputName" name="fullname"
                        value="{{ Auth::user()->name ?? '-' }}"  {{ ($isAllowEditMemberName ? 'readonly':'') }}>
                </div>
            </div>
        </div>
        <div class="form-group row">
            <label for="inputPhone" class="col-sm-3 col-form-label text-sm-right">เบอร์โทรศัพท์</label>
            <div class="col-sm-9">
                <div class="input-group">
                    <div class="input-group-prepend">
                        <div class="input-group-text bg-transparent border-right-0"><i class="fa fa-phone fa-fw"></i></div>
                    </div>
                    <input type="text"
                        class="form-control border-left-0 {{ Auth::user()->phone == '' ? 'is-invalid' : '' }}"
                        name="phone" id="inputPhone" placeholder="กรอกเบอร์โทรศัพท์"
                        value="{{ Auth::user()->phone }}">
                </div>
            </div>
        </div>
        <div class="form-group row">
            <label for="inputLine" class="col-sm-3 col-form-label text-sm-right">ไอดีใลน์</label>
            <div class="col-sm-9">
                <div class="input-group">
                    <div class="input-group-prepend">
                        <div class="input-group-text bg-transparent border-right-0"><i class="fab fa-line fa-fw"></i></div>
                    </div>
                    <input type="text" class="form-control border-left-0" id="inputLine" name="line"
                        placeholder="กรอกไอดีใลน์" value="{{ Auth::user()->line }}">
                </div>
            </div>
        </div>
        <button type="submit" class="btn btn-success w-100">บันทึกข้อมูล</button>
    </form>
@endsection

@section('script')
    <script>
        $('#userForm').on('submit', function(e) {
            e.preventDefault();
            var formData = $(this).serialize();
            $.post(`{{ route('updateProfile') }}`, formData, function(data) {
                if (data.success) {
                    swal('สำเร็จ', 'แก้ไขโปรไฟล์สำเร็จแล้ว', 'success');
                } else {
                    swal('ผิดพลาด!!', ' ' + data.msg, 'error');
                }
            }, 'json');
        });
    </script>
@endsection