@extends('adminlte::page')

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

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

@section('content')
<div class="container-fluid">
  <div class="card">
    <div class="card-header">
      <h3 class="card-title">Add a New Committee Member</h3>
    </div>

    <div class="card-body">
      {{-- Flash messages --}}
      @if(session('success')) <div class="alert alert-success">{{ session('success') }}</div> @endif
      @if(session('error'))   <div class="alert alert-danger">{{ session('error') }}</div>   @endif

      {{-- Add Member Form --}}
      <form action="{{ route('admin.saveCommitteesMembers') }}" method="POST" novalidate>
        @csrf
        <div class="row g-3">
          {{-- Committee --}}
          <div class="col-md-6">
            <label for="committee_id" class="form-label">Committee</label>
            <select
              id="committee_id"
              name="committee_id"
              class="form-control @error('committee_id') is-invalid @enderror">
              <option value="" >Select Committee</option>
              @foreach($committees_members as $committee) {{-- if possible rename to $committees --}}
                <option value="{{ $committee->id }}" {{ old('committee_id') == $committee->id ? 'selected' : '' }}>
                  {{ $committee->committee_name }}
                </option>
              @endforeach
            </select>
            @error('committee_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
          </div>

          {{-- Member Name --}}
          <div class="col-md-6">
            <label for="member_name" class="form-label">Member Name</label>
            <input
              id="member_name"
              type="text"
              name="member_name"
              value="{{ old('member_name') }}"
              class="form-control @error('member_name') is-invalid @enderror">
            @error('member_name') <div class="invalid-feedback">{{ $message }}</div> @enderror
          </div>

          {{-- Member Designation --}}
          <div class="col-md-6">
            <label for="member_designation" class="form-label">Member Designation</label>
            <input
              id="member_designation"
              type="text"
              name="member_designation"
              value="{{ old('member_designation') }}"
              class="form-control @error('member_designation') is-invalid @enderror">
            @error('member_designation') <div class="invalid-feedback">{{ $message }}</div> @enderror
          </div>

          {{-- Status --}}
          <div class="col-md-6">
            <label for="status" class="form-label">Status</label>
            <select
              id="status"
              name="status"
              class="form-control @error('status') is-invalid @enderror">
              <option value="1" {{ old('status', 1) == 1 ? 'selected' : '' }}>Active</option>
              <option value="0" {{ old('status') === '0' || old('status') === 0 ? 'selected' : '' }}>Inactive</option>
            </select>
            @error('status') <div class="invalid-feedback">{{ $message }}</div> @enderror
          </div>

          {{-- Start Date Time --}}
          <div class="col-md-6">
            <label for="start_date_time" class="form-label">Start Date Time</label>
            <input
              id="start_date_time"
              type="datetime-local"
              name="start_date_time"
              value="{{ old('start_date_time') }}"
              class="form-control @error('start_date_time') is-invalid @enderror">
            @error('start_date_time') <div class="invalid-feedback">{{ $message }}</div> @enderror
          </div>

          {{-- End Date Time --}}
          <div class="col-md-6">
            <label for="end_date_time" class="form-label">End Date Time</label>
            <input
              id="end_date_time"
              type="datetime-local"
              name="end_date_time"
              value="{{ old('end_date_time') }}"
              class="form-control @error('end_date_time') is-invalid @enderror">
            @error('end_date_time') <div class="invalid-feedback">{{ $message }}</div> @enderror
          </div>
        </div>

        <div class="text-center mt-4">
          <button type="submit" class="btn btn-primary">Save Member</button>
          <a href="{{ route('admin.showCommitteesMembers') }}" class="btn btn-secondary">Back</a>
        </div>
      </form>
    </div>
  </div>
</div>
@stop