@extends('admin_dashboard')
@section('admin')

<style>
    body {
        background: #f4f7f9;
        font-family: 'Segoe UI', sans-serif;
    }

    .card {
        border: none;
        border-radius: 16px;
    }

    .card-header {
        font-weight: 600;
        letter-spacing: 0.5px;
    }

    label {
        font-weight: 500;
        color: #333;
    }

    input.form-control {
        border-radius: 10px;
        border: 1px solid #cdd6df;
        box-shadow: none !important;
    }

    input.form-control:focus {
        border-color: #198754;
        box-shadow: 0 0 5px rgba(25, 135, 84, 0.3);
    }

    h5 {
        font-size: 1.05rem;
        font-weight: 600;
    }

    button.btn-success {
        border-radius: 10px;
        font-weight: 600;
        transition: 0.3s;
    }

    button.btn-success:hover {
        background-color: #157347;
        transform: translateY(-2px);
    }
</style>
<div class="container my-3">

    <div class="card shadow-lg">
        <div class="card-header bg-success text-white text-center py-3">
            <h4 class="mb-0"><i class="bi bi-bank"></i>Saving Account Opening</h4>


        </div>
        <div class="card-body p-4">

            @if(session('success'))
            <div class="alert alert-success">{{ session('success') }}</div>
            @endif
            <form action="{{ route('member.info.update', $member->id) }}" method="POST">
                @csrf
                <h5 class="text-success border-bottom pb-2 mb-3"><i class="bi bi-credit-card-2-front"></i>Account
                    Information</h5>
                <div class="row mb-3">
                    <div class="col-md-6">
                        <label>Account Number <span class="text-danger">*</span></label>
                        <input type="text" name="account_number" value="{{$member->account_number}}"
                            class="form-control" required>
                    </div>

                    <div class="col-md-6"><label>Opening Date</label><input type="date" name="opening_date"
                            value="{{$member->opening_date}}" class="form-control"></div>
                </div>
                <div class="row mb-3">

                    <div class="col-md-6"><label>A/C Holder Name</label><input type="text" name="member_name"
                            value="{{$member->member_name}}" class="form-control"></div>
                    <div class="col-md-6">
                        <label>Group Name</label>
                        <input type="text" name="pid_name" class="form-control" list="group-list" autocomplete="off" value="{{ $currentGroupName }}">
                        <datalist id="group-list">
                            @foreach($groups as $group)
                            <option value="{{ $group->group_name }}">
                            @endforeach
                        </datalist>
                    </div>
                </div>
                <h5 class="text-success border-bottom pb-2 mb-3 mt-4">
                    <i class="bi bi-person-lines-fill"></i>Personal Information
                </h5>
                <div class="row mb-3">
                    <div class="col-md-6"><label>Father/Husband's Name</label>
                        <input type="text" name="fat_hus_name" value="{{$member->fat_hus_name}}" class="form-control">
                    </div>
                    <div class="col-md-6"><label>Mother's Name</label>
                        <input type="text" name="mother_name" value="{{$member->mother_name}}" class="form-control">
                    </div>
                </div>
                <div class="row mb-3">

                    <div class="col-md-12"><label>Address</label>
                        <textarea type="text" name="member_address"
                            class="form-control">{{$member->member_address}}</textarea>
                    </div>
                </div>
                <div class="row mb-3">
                    <div class="col-md-6"><label>Date of Birth</label><input type="date" name="member_dob"
                            value="{{$member->member_dob}}" class="form-control"></div>
                    <div class="col-md-6"><label>NID Number</label><input type="text" name="member_nid"
                            value="{{$member->member_nid}}" class="form-control">
                    </div>
                </div>
                <div class="row mb-3">
                    <div class="col-md-6"><label>Occupation</label><input type="text" name="member_occupation"
                            value="{{$member->member_occupation}}" class="form-control"></div>
                    <div class="col-md-6"><label>Mobile Number</label><input type="text" name="member_mobile"
                            value="{{$member->member_mobile}}" class="form-control"></div>
                </div>
                <div class="row mb-3">
                    <div class="col-md-6">
                        <label>Gender</label>
                        <select name="member_gender" class="form-control">
                            <option value="">-- Select Gender --</option>
                            <option value="Male" {{ $member->member_gender == 'Male' ? 'selected' : '' }}>Male</option>
                            <option value="Female" {{ $member->member_gender == 'Female' ? 'selected' : '' }}>Female</option>
                            <option value="Other" {{ $member->member_gender == 'Other' ? 'selected' : '' }}>Other</option>
                        </select>
                    </div>
                    <div class="col-md-6">
                        <label>Marital Status</label>
                        <select name="member_marital_status" class="form-control">
                            <option value="">-- Select Marital Status --</option>
                            <option value="Single" {{ $member->member_marital_status == 'Single' ? 'selected' : '' }}>Single</option>
                            <option value="Married" {{ $member->member_marital_status == 'Married' ? 'selected' : '' }}>Married</option>
                            <option value="Divorced" {{ $member->member_marital_status == 'Divorced' ? 'selected' : '' }}>Divorced</option>
                            <option value="Widowed" {{ $member->member_marital_status == 'Widowed' ? 'selected' : '' }}>Widowed</option>
                        </select>
                    </div>
                </div>

                <h5 class="text-success border-bottom pb-2 mb-3 mt-4">
                    <i class="bi bi-person-heart"></i>Nominee Information
                </h5>
                <div class="row mb-3">
                    <div class="col-md-6"><label>Nominee Name</label><input type="text" name="nominee_name"
                            value="{{$member->nominee->nominee_name ?? ''}}" class="form-control"></div>
                    <div class="col-md-6"><label>Father/Husband's Name</label>
                        <input type="text" name="nominee_fat_hus_name"
                            value="{{$member->nominee->nominee_fat_hus_name ?? ''}}" class="form-control">
                    </div>
                </div>
                <div class="row mb-3">
                    <div class="col-md-6"><label>Mother's Name</label>
                        <input type="text" name="nominee_mother_name"
                            value="{{$member->nominee->nominee_mother_name ?? ''}}" class="form-control">
                    </div>
                    <div class="col-md-6"><label>Address</label><input type="text" name="nominee_address"
                            value="{{$member->nominee->nominee_address ?? ''}}" class="form-control">
                    </div>
                </div>
                <div class="row mb-3">
                    <div class="col-md-6"><label>Birth Date</label><input type="date" name="nominee_dob"
                            value="{{$member->nominee->nominee_dob ??''}}" class="form-control">
                    </div>
                    <div class="col-md-6"><label>Relation</label>
                        <input type="text" name="nominee_relation" value="{{$member->nominee->nominee_relation ?? ''}}"
                            class="form-control">
                    </div>
                </div>
                <div class="row mb-4">
                    <div class="col-md-6"><label>Mobile Number</label><input type="text" name="nominee_mobile"
                            value="{{$member->nominee->nominee_mobile ?? ''}}" class="form-control"></div>
                    <div class="col-md-6"><label>Percent (%)</label><input type="number" name="nominee_percent"
                            value="{{$member->nominee->nominee_percent ?? ''}}" class="form-control"></div>
                </div>
                <div class="text-center"><button type="submit" class="btn btn-success px-5 py-2"><i
                            class="bi bi-save2"></i>Change
                        Information </button></div>
            </form>
        </div>
    </div>
</div>
@endsection