@extends('adminlte::page')

@section('title', 'Edit Committee Member')

@section('content_header')
<h1>Edit Committee Member</h1>
@stop

@section('content')
<div class="container-fluid">
    <!-- <h3>Edit Committee Member</h3> -->
<div class="card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h3 class="card-title">Edit Committee Member</h3>
        </div>

<div class="card-body">
    <form action="{{ route('admin.updateContactMembers', $contact_members->id) }}" method="POST">
        @csrf

        <!-- Committee Dropdown -->
        <div class="mb-3">
            <label for="department_id" class="form-label">Department <span class="text-danger">*</span></label>
            <select name="department_id" id="department_id"
                class="form-control @error('department_id') is-invalid @enderror" required>
                <option value="">Select Department</option>
                @foreach($contacts as $contact)
                <option value="{{ $contact->id }}" {{ old('department_id', $contact_members->department_id ?? '') ==
                    $contact->id ? 'selected' : '' }}>
                    {{ $contact->department }}
                </option>
                @endforeach
            </select>
            @error('department_id')
            <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <!-- Member Name -->
        <div class="mb-3">
            <label for="name" class="form-label">Member Name <span class="text-danger">*</span></label>
            <input type="text" name="name" id="name" class="form-control @error('name') is-invalid @enderror"
                value="{{ old('name', $contact_members->name) }}" required>
            @error('member_name') <div class="invalid-feedback">{{ $message }}</div> @enderror
        </div>

        <!-- Member Designation -->
        <div class="mb-3">
            <label for="designation" class="form-label">Member Designation <span class="text-danger">*</span></label>
            <input type="text" name="designation" id="designation"
                class="form-control @error('designation') is-invalid @enderror"
                value="{{ old('designation', $contact_members->designation) }}" required>
            @error('designation') <div class="invalid-feedback">{{ $message }}</div> @enderror
        </div>
        <!-- Member email -->
        <div class="mb-3">
            <label for="email" class="form-label">Member Email <span class="text-danger">*</span></label>
            <input type="text" name="email" id="email" class="form-control @error('email') is-invalid @enderror"
                value="{{ old('email', !empty($contact_members->email) ? $contact_members->email : '' )}}" required>
            @error('designation') <div class="invalid-feedback">{{ $message }}</div> @enderror
        </div>

        <!-- Member phone_number -->
        <div class="mb-3">
            <label for="phone_number" class="form-label">Member Phone Number <span class="text-danger">*</span></label>
            <input type="text" name="phone_number" id="phone_number"
                class="form-control @error('phone_number') is-invalid @enderror"
                value="{{ old('phone_number', !empty($contact_members->phone_number) ? $contact_members->phone_number : ' ' ) }}" required>
            @error('phone_number') <div class="invalid-feedback">{{ $message }}</div> @enderror
        </div>

        <!-- Member address -->
        <div class="mb-3">
            <label for="address" class="form-label">Member Extension <span class="text-danger">*</span></label>
            <input type="text" name="address" id="address" class="form-control @error('address') is-invalid @enderror"
                value="{{ old('address', $contact_members->address ?? '') }}" required>
            @error('address')
            <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>


        <!-- Status -->
        <div class="form-check mb-3">
            <input type="checkbox" name="status" class="form-check-input" value="1" {{ old('status',
                $contact_members->status) ? 'checked' : '' }}>
            <label class="form-check-label" for="status">Active</label>
        </div>


        <!-- Submit Button -->
        <button class="btn btn-success">Update Member</button>

        <!-- Back Button -->
        <a href="{{ route('admin.showContactMembers') }}" class="btn btn-secondary">Back</a>
    </form>
</div>
</div>
</div>
@stop