@extends('backend.layouts.app')
@section('title', 'Add ' .(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">Add New {{ 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.store') }}" method="POST" enctype="multipart/form-data">
                        @csrf

                        <div class="row">

                            @if (request('member_type') == 'Teacher')
                                <div class="col-md-3 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') == $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-3
                                @else
                                col-md-4
                            @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') == $des->id ? 'selected' : '' }}>
                                            {{ $des->name }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('designation')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>

                            {{-- Member Type --}}
                            <div class="@if (request('member_type') == 'Teacher')
                            col-md-3
                                @else
                                col-md-4
                            @endif mb-3">
                                <label class="form-label required">Member Type</label>
                                <select name="member_type" class="form-select" required>
                                    @if (request('member_type') == 'Teacher')
                                    <option value="Teacher" {{ request('member_type') == 'Teacher' ? 'selected' : '' }}>Teacher
                                    </option>
                                    @elseif (request('member_type') == 'Staff')
                                    <option value="Staff" {{ request('member_type') == 'Staff' ? 'selected' : '' }}>Staff
                                    </option>
                                    @elseif (request('member_type') == 'Governing Body')
                                    <option value="Governing Body" {{ request('member_type') == 'Governing Body' ? 'selected' : '' }}>Governing Body
                                    </option>
                                    @endif
                                </select>
                                @error('member_type')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>

                            {{-- Blood Group --}}
                            <div class="@if (request('member_type') == 'Teacher')
                            col-md-3
                                @else
                                col-md-4
                            @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') == $bg ? 'selected' : '' }}>
                                            {{ $bg }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('blood_group')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>

                            {{-- Name --}}
                            <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') }}" required>
                                @error('name')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>

                            {{-- Email --}}
                            <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') }}">
                                @error('email')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>

                            {{-- Phone --}}
                            <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') }}" required>
                                @error('phone')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>

                            {{-- Qualification --}}
                            <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') }}">
                                @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') }}</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') == $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') }}">
                                @error('joining_date')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>

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