@extends('backend.layouts.app')
@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="container">
                <div class="card">
                    <div class="card-header">
                        <h4>Member Edit</h4>
                    </div>
                    <div class="card-body">
                        <form method="POST" action="{{ route('member_list.update', $member->id) }}"
                            enctype="multipart/form-data" id="ajax_form_data">
                            @csrf
                            @method('PUT')

                            <div class="row">

                                <div class="mb-3 col-md-6">
                                    <label for="full_name" class="form-label">Full Name</label>
                                    <input type="text" id="full_name" name="full_name" class="form-control"
                                        value="{{ old('full_name', $member->full_name) }}" required>
                                </div>

                                <div class="mb-3 col-md-6">
                                    <label for="occupation" class="form-label">Occupation</label>
                                    <input type="text" id="occupation" name="occupation" class="form-control"
                                        value="{{ old('occupation', $member->occupation) }}">
                                </div>

                                <div class="mb-3 col-md-6">
                                    <label for="cpr_number" class="form-label">CPR Number</label>
                                    <input type="text" id="cpr_number" name="cpr_number" class="form-control"
                                        value="{{ old('cpr_number', $member->cpr_number) }}" required>
                                </div>

                                <div class="mb-3 col-md-6">
                                    <label for="passport_number" class="form-label">Passport Number</label>
                                    <input type="text" id="passport_number" name="passport_number" class="form-control"
                                        value="{{ old('passport_number', $member->passport_number) }}">
                                </div>

                                <div class="mb-3 col-md-6">
                                    <label for="dob" class="form-label">Date of Birth</label>
                                    <input type="date" id="dob" name="dob" class="form-control"
                                        value="{{ old('dob', $member->dob ? \Carbon\Carbon::parse($member->dob)->format('Y-m-d') : '') }}">
                                </div>

                                <div class="mb-3 col-md-6">
                                    <label for="gender" class="form-label">Gender</label>
                                    <select id="gender" name="gender" class="form-select">
                                        <option value="Male"
                                            {{ old('gender', $member->gender) == 'Male' ? 'selected' : '' }}>
                                            Male</option>
                                        <option value="Female"
                                            {{ old('gender', $member->gender) == 'Female' ? 'selected' : '' }}>Female
                                        </option>
                                        <option value="Other"
                                            {{ old('gender', $member->gender) == 'Other' ? 'selected' : '' }}>Other</option>
                                    </select>
                                </div>

                                <div class="mb-3 col-md-6">
                                    <label for="blood_group" class="form-label">Blood Group</label>
                                    <input type="text" id="blood_group" name="blood_group" class="form-control"
                                        value="{{ old('blood_group', $member->blood_group) }}">
                                </div>

                                <div class="mb-3 col-md-6">
                                    <label for="mobile" class="form-label">Mobile (WhatsApp)</label>
                                    <input type="text" id="mobile" name="mobile" class="form-control"
                                        value="{{ old('mobile', $member->mobile) }}">
                                </div>

                                <div class="mb-3 col-md-6">
                                    <label for="email" class="form-label">Email</label>
                                    <input type="email" id="email" name="email" class="form-control"
                                        value="{{ old('email', $member->email) }}">
                                </div>

                                <div class="mb-3 col-md-6">
                                    <label for="volunteer_time" class="form-label">Volunteer Time</label>
                                    <input type="text" id="volunteer_time" name="volunteer_time" class="form-control"
                                        value="{{ old('volunteer_time', $member->volunteer_time) }}">
                                </div>

                                <div class="mb-3 col-md-6">
                                    <label for="bd_contact" class="form-label">Bangladesh Contact</label>
                                    <input type="text" id="bd_contact" name="bd_contact" class="form-control"
                                        value="{{ old('bd_contact', $member->bd_contact) }}">
                                </div>

                                <div class="mb-3 col-md-6">
                                    <label for="ref_person" class="form-label">Reference Person</label>
                                    <input type="text" id="ref_person" name="ref_person" class="form-control"
                                        value="{{ old('ref_person', $member->ref_person) }}">
                                </div>

                                <div class="mb-3 col-md-6">
                                    <label for="ref_phone" class="form-label">Reference Phone</label>
                                    <input type="text" id="ref_phone" name="ref_phone" class="form-control"
                                        value="{{ old('ref_phone', $member->ref_phone) }}">
                                </div>

                                <div class="mb-3 col-md-12">
                                    <label for="address" class="form-label">Address in Bahrain</label>
                                    <textarea id="address" name="address" class="form-control">{{ old('address', $member->address) }}</textarea>
                                </div>
                                <div class="col-md-12 mb-4">
                                    <label class="form-label fw-bold">Your Expertise</label>
                                    <div class="row">
                                        @php
                                            $skills = [
                                                'Volunteering',
                                                'Graphic design',
                                                'LMRA/Passport/Visa work',
                                                'Info Collection',
                                                'Presentation',
                                                'Interview',
                                            ];

                                            $selectedSkills = is_array(
                                                old('expertise', json_decode($member->expertise, true)),
                                            )
                                                ? old('expertise', json_decode($member->expertise, true))
                                                : [];
                                        @endphp

                                        @foreach ($skills as $skill)
                                            <div class="col-md-4 mb-2">
                                                <input type="checkbox" class=""
                                                    id="skill_{{ \Str::slug($skill) }}" name="expertise[]"
                                                    value="{{ $skill }}"
                                                    {{ in_array($skill, $selectedSkills) ? 'checked' : '' }}>
                                                <label class="form-check-label"
                                                    for="skill_{{ \Str::slug($skill) }}">{{ $skill }}</label>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                                <div class="mb-3 col-md-6">
                                    <label for="photo" class="form-label">Profile Photo</label>
                                    <input type="file" id="photo" name="photo" class="form-control"
                                        accept="image/*">
                                    @if ($member->photo)
                                        <div class="mt-2">
                                            <img src="{{ asset('storage/' . $member->photo) }}" alt="Current Photo"
                                                class="img-thumbnail rounded-circle" style="max-width: 100px;">
                                        </div>
                                    @endif
                                </div>

                                <div class="mb-3 col-md-6">
                                    <label for="cpr_front" class="form-label">CPR Front Image</label>
                                    <input type="file" id="cpr_front" name="cpr_front" class="form-control"
                                        accept="image/*">
                                    @if ($member->cpr_front)
                                        <div class="mt-2">
                                            <img src="{{ asset('storage/' . $member->cpr_front) }}" alt="CPR Front"
                                                class="img-thumbnail" style="max-width: 150px;">
                                        </div>
                                    @endif
                                </div>
                                <div class="mb-3 col-md-6">
                                    <label for="cpr_back" class="form-label">CPR Back Image</label>
                                    <input type="file" id="cpr_back" name="cpr_back" class="form-control"
                                        accept="image/*">
                                    @if ($member->cpr_back)
                                        <div class="mt-2">
                                            <img src="{{ asset('storage/' . $member->cpr_back) }}" alt="CPR Back"
                                                class="img-thumbnail" style="max-width: 150px;">
                                        </div>
                                    @endif
                                </div>
                            </div>

                            <div class="row" style="background-color:#f0f3e9;padding:10px;border-top:1px #ccc solid;">
                                <h4>Official Information</h4>
                                <div class="mb-3 col-md-6">
                                    <label for="full_name" class="form-label">Member ID</label>
                                    <input type="text" id="full_name" name="member_id" class="form-control"
                                        value="{{ old('full_name', $member->member_id) }}">
                                </div>
                                <div class="mb-3 col-md-6">
                                    <label class="form-label fw-medium text-dark">Member Status<span
                                            class="text-danger">*</span></label>
                                    <select name="status" class="form-control form-control-lg rounded-3 shadow-sm"
                                        required>
                                        <option value="accept" {{ $member->status == 'accept' ? 'selected' : '' }}>Accept
                                        </option>
                                        <option value="reject" {{ $member->status == 'reject' ? 'selected' : '' }}>Reject
                                        </option>
                                        <option value="pending" {{ $member->status == 'pending' ? 'selected' : '' }}>
                                            Pending
                                        </option>
                                    </select>
                                </div>

                                <div class="mb-3 col-md-6">
                                    <label class="form-label fw-medium text-dark">Bill Type<span
                                            class="text-danger">*</span></label>
                                    <select name="bill_type_id" class="form-control form-control-lg rounded-3 shadow-sm"
                                        required>
                                        <option value="">Select</option>
                                        @foreach ($bill_types as $bill_type)
                                            <option value="{{ $bill_type->id }}"
                                                {{ $member->bill_type_id == $bill_type->id ? 'selected' : '' }}>
                                                {{ $bill_type->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="mb-3 col-md-6">
                                    <label class="form-label fw-medium text-dark">Bill Period<span
                                            class="text-danger">*</span></label>
                                    <select name="bill_preiod" class="form-control form-control-lg rounded-3 shadow-sm"
                                        required>
                                        <option value="">Select</option>
                                        @foreach (bill_period() as $bill_period)
                                            <option value="{{ $bill_period }}"
                                                {{ $member->bill_preiod == $bill_period ? 'selected' : '' }}>
                                                {{ $bill_period }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="mb-3 col-md-6">
                                    <label class="form-label fw-medium text-dark">Bill Start Date<span
                                            class="text-danger">*</span></label>
                                    <input type="date" name="start_billing_date" class="form-control"
                                        value="{{ $member->start_billing_date }}">
                                </div>

                                @if (!$member->user && $member->email)
                                    <div class="mb-3 col-md-6">
                                        <input type="checkbox" name="grant_user_access" value="1">
                                        <label class="form-label fw-medium text-dark">Grant User Access</label>
                                    </div>
                                @endif

                            </div>


                            <div class="d-flex justify-content-end mt-4">
                                <button type="submit" class="btn btn-primary me-2">Update</button>
                                <a href="{{ route('member_list') }}" class="btn btn-secondary">Cancel</a>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection