@extends('backend.layouts.app')
@section('title', 'Edit ' .(request('member_type') ?? 'Member'))

@push('style')
    <style>
        .form-label {
            font-weight: 600;
        }

        .required::after {
            content: " *";
            color: red;
            font-weight: bold;
        }
    </style>
@endpush

@section('content')
    <div class="row">
        <div class="col-12">
            <div class="card shadow-sm">

                <h5 class="card-header">Edit {{ request('member_type') }}</h5>

                <div class="card-body">

                    <a href="{{ route('admin.members.index', ['member_type' => request('member_type')]) }}"
                        class="btn btn-secondary mb-3">
                        <i class="bx bx-arrow-back me-1"></i> Back to all {{ request('member_type') }}
                    </a>

                    <form action="{{ route('admin.members.update', $member->id) }}" method="POST"
                        enctype="multipart/form-data">
                        @csrf
                        @method('PUT')

                        <div class="row">
                            @if (request('member_type') == 'Teacher')
                                <div class="col-md-4 mb-3">
                                    <label class="form-label">Department</label>
                                    <select name="department" class="form-select">
                                        <option value="">Select Department</option>
                                        @foreach ($departments as $d)
                                            <option value="{{ $d->id }}"
                                                {{ old('department', $member->department_id) == $d->id ? 'selected' : '' }}>
                                                {{ $d->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('department')
                                        <small class="text-danger">{{ $message }}</small>
                                    @enderror
                                </div>

                            @endif
                            <div
                                class="@if (request('member_type') == 'Teacher') col-md-4
                                @else
                                col-md-6 @endif mb-3">
                                <label class="form-label required">Designation</label>
                                <select name="designation" class="form-select" required>
                                    <option value="">Select Designation</option>
                                    @foreach ($designations as $des)
                                        <option value="{{ $des->id }}"
                                            {{ old('designation', $member->designation_id) == $des->id ? 'selected' : '' }}>
                                            {{ $des->name }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('designation')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>



                            <div
                                class="@if (request('member_type') == 'Teacher') col-md-4
                                @else
                                col-md-6 @endif mb-3">
                                <label class="form-label">Blood Group</label>
                                <select name="blood_group" class="form-select">
                                    <option value="">Select Blood Group</option>
                                    @foreach (['A+', 'A-', 'B+', 'B-', 'O+', 'O-', 'AB+', 'AB-'] as $bg)
                                        <option value="{{ $bg }}"
                                            {{ old('blood_group', $member->blood_group) == $bg ? 'selected' : '' }}>
                                            {{ $bg }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('blood_group')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>

                            <div class="col-md-4 mb-3">
                                <label class="form-label required">Name</label>
                                <input type="text" class="form-control" name="name" placeholder="Enter full name"
                                    value="{{ old('name', $member->name) }}" required>
                                @error('name')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>

                            <div class="col-md-4 mb-3">
                                <label class="form-label">Email</label>
                                <input type="email" class="form-control" name="email" placeholder="Enter email address"
                                    value="{{ old('email', $member->email) }}">
                                @error('email')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>

                            <div class="col-md-4 mb-3">
                                <label class="form-label required">Phone</label>
                                <input type="text" class="form-control" name="phone" placeholder="Enter phone number"
                                    value="{{ old('phone', $member->phone) }}" required>
                                @error('phone')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>

                            <div class="col-md-6 mb-3">
                                <label class="form-label">Qualification</label>
                                <input type="text" class="form-control" name="qualification"
                                    placeholder="Enter qualification"
                                    value="{{ old('qualification', $member->qualification) }}">
                                @error('qualification')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>

                            <div class="col-md-6 mb-3">
                                <label class="form-label">Address</label>
                                <textarea class="form-control" name="address" rows="2" placeholder="Enter full address">{{ old('address', $member->address) }}</textarea>
                                @error('address')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>

                            <div class="col-md-3 mb-3">
                                <label class="form-label required">Gender</label>
                                <select name="gender" class="form-select" required>
                                    <option value="">Select Gender</option>
                                    @foreach (['Male', 'Female', 'Other'] as $g)
                                        <option value="{{ $g }}"
                                            {{ old('gender', $member->gender) == $g ? 'selected' : '' }}>
                                            {{ $g }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('gender')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>

                            <div class="col-md-3 mb-3">
                                <label class="form-label">Joining Date</label>
                                <input type="date" class="form-control" name="joining_date"
                                    value="{{ old('joining_date', $member->joining_date) }}">
                                @error('joining_date')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>

                            <div class="col-md-6 mb-3">
                                <label class="form-label">Photo</label>
                                <input type="file" class="form-control" name="photo">
                                @error('photo')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror

                                @if ($member->photo)
                                    <img src="{{ asset($member->photo) }}" class="mt-2" height="80">
                                @endif
                            </div>
                            @if (request('member_type') == 'Teacher')
                                <div class="col-md-6 mb-3 mt-4">
                                    <label>
                                        <input type="checkbox" name="always_on_top" value="1"
                                            {{ old('always_on_top', $member->always_on_top) ? 'checked' : '' }}>
                                        Always On Top
                                    </label>
                                    @error('always_on_top')
                                        <small class="text-danger">{{ $message }}</small>
                                    @enderror
                                </div>
                            @endif
                        </div>

                        <button type="submit" class="btn btn-primary mt-3">Save</button>

                    </form>

                </div>
            </div>
        </div>
    </div>
@endsection