@extends('adminlte::page')

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

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

@section('content')
<div class="container-fluid">
  <div class="card">
    <div class="card-header">
      <h3 class="card-title">Add a New Contact 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.saveContactMembers') }}" method="POST" novalidate>
        @csrf
        <div class="row g-3">
          {{-- Department --}}
          <div class="col-md-6">
            <label for="department_id" class="form-label">Department Name</label>
            <select id="department_id" name="department_id"
              class="form-control @error('department_id') is-invalid @enderror">

              <option value="">Select Department</option>
              @foreach($departments as $dept)
              <option value="{{ $dept->id }}" {{ old('department_id')==$dept->id ? 'selected' : '' }}>
                {{ $dept->department }}
              </option>
              @endforeach
            </select>

            @error('department_id')
            <div class="invalid-feedback">{{ $message }}</div>
            @enderror
          </div>


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

          {{-- Member Email --}}
          <div class="col-md-6">
            <label for="email" class="form-label">Member Email</label>
            <input id="email" type="text" name="email" value="{{ old('email') }}"
              class="form-control @error('email') is-invalid @enderror">
            @error('email') <div class="invalid-feedback">{{ $message }}</div> @enderror
          </div>
          {{-- Member Designation --}}
          <div class="col-md-6">
            <label for="designation" class="form-label">Member Designation</label>
            <input id="designation" type="text" name="designation" value="{{ old('designation') }}"
              class="form-control @error('designation') is-invalid @enderror">
            @error('designation') <div class="invalid-feedback">{{ $message }}</div> @enderror
          </div>
          {{-- Member Address --}}
          <div class="col-md-6">
            <label for="address" class="form-label">Member Extension</label>
            <input id="address" type="text" name="address" value="{{ old('address') }}"
              class="form-control @error('address') is-invalid @enderror">
            @error('address') <div class="invalid-feedback">{{ $message }}</div> @enderror
          </div>
          {{-- Member Phone Number --}}
          <div class="col-md-6">
            <label for="phone_number" class="form-label">Member Phone Number</label>
            <input id="phone_number" type="text" name="phone_number" value="{{ old('email') }}"
              class="form-control @error('phone_number') is-invalid @enderror">
            @error('phone_number') <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>

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