@extends('contentNavbarLayout')

@section('title', strtoupper($recordType->name) . ' Form')

@section('content')
<div class="container">
    <h3 class="card-title text-uppercase mb-4">{{ $recordType->name }} FORM</h3>

    {{-- Success Message --}}
    @if(session('success'))
      <div class="alert alert-success alert-dismissible fade show" role="alert">
        <i class="mdi mdi-check-circle-outline me-1"></i>
        {{ session('success') }}
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
      </div>
    @endif

    {{-- Global Error List (optional, shows all errors together) --}}
    @if ($errors->any())
      <div class="alert alert-danger alert-dismissible fade show" role="alert">
        <i class="mdi mdi-alert-circle-outline me-1"></i>
        <strong>Whoops!</strong> There were some problems with your input:
        <ul class="mb-0 mt-1 ps-3">
          @foreach ($errors->all() as $error)
            <li>{{ $error }}</li>
          @endforeach
        </ul>
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
    @endif

    @if($recordType->properties->isEmpty())
        <div class="alert alert-warning">
            Form not configured for this record type.
        </div>
    @else
        <form method="POST" action="{{ route('records.store', $recordType->id) }}" enctype="multipart/form-data">
            @csrf

            {{-- Default System Fields start kat sini b4 display property lain2--}}
            <div class="mb-4">
                <label class="form-label">Record Type ID</label>
                <input type="text" name="record_type_id" class="form-control" value="{{ $recordType->name }}" readonly>
            </div>
            <div class="mb-3">
                <label for="name" class="form-label">Document Name</label>
                <input type="text" name="title" id="title" class="form-control" placeholder="Enter document title">
            </div>

            <div class="mb-4">
                <label class="form-label">Description</label>
                <textarea name="description" class="form-control" required></textarea>
            </div>

            <div class="mb-4">
                <label class="form-label">File</label>
                <input type="file" name="file_path" class="form-control">
            </div>

            {{-- Dynamic Property Fields Start Here --}}
            @foreach($recordType->properties as $property)
                <div class="mb-4">
                  <label class="form-label">{{ ucfirst($property->name) }}</label>

                  @switch($property->data_type)
                      @case('string')
                          <input type="text" name="{{ Str::snake($property->name) }}" class="form-control" required>
                          @break

                      @case('text')
                          <textarea name="{{ Str::snake($property->name) }}" class="form-control" required></textarea>
                          @break

                      @case('integer')
                      @case('quantity')
                          <input type="number" name="{{ Str::snake($property->name) }}" class="form-control" required>
                          @break

                      @case('decimal')
                      @case('float')
                      @case('double')
                          <input type="number" step="0.01" name="{{ Str::snake($property->name) }}" class="form-control" required>
                          @break

                      @case('boolean')
                          <select name="{{ Str::snake($property->name) }}" class="form-select" required>
                              <option value="1">Yes</option>
                              <option value="0">No</option>
                          </select>
                          @break

                      @case('date')
                          <input type="date" name="{{ Str::snake($property->name) }}" class="form-control" required>
                          @break

                      @case('time')
                          <input type="time" name="{{ Str::snake($property->name) }}" class="form-control" required>
                          @break

                      @case('datetime')
                          <input type="datetime-local" name="{{ Str::snake($property->name) }}" class="form-control" required>
                          @break

                      @case('file')
                          <input type="file" name="{{ Str::snake($property->name) }}_path" class="form-control" required>
                          @break

                      @case('json')
                          <textarea name="{{ Str::snake($property->name) }}" class="form-control" placeholder="Enter JSON" required></textarea>
                          @break

                      @default
                          <input type="text" name="{{ Str::snake($property->name) }}" class="form-control">
                  @endswitch
                </div>
            @endforeach

            <div class="mt-3 d-flex gap-2">
              <a href="{{ route('records.index') }}" class="btn btn-secondary">
                  <i class="mdi mdi-arrow-left"></i> Back
              </a>

              <button type="submit" class="btn btn-primary">
                  <i class="mdi mdi-content-save"></i> Submit
              </button>
          </div>
        </form>
    @endif
</div>
@endsection