@extends('contentNavbarLayout')

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

@section('content')
<div class="container-xxl flex-grow-1 container-p-y">
    
    {{-- Page Header --}}
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h4 class="fw-bold">
            <span class="text-muted fw-light">Records /</span> Edit {{ $recordType->name }}
        </h4>
        <a href="{{ route('records.view.list', $recordType->id) }}" class="btn btn-secondary">
            <i class="mdi mdi-arrow-left me-1"></i> Back to List
        </a>
    </div>

    <div class="card">
        <div class="card-body">
            
            {{-- 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 --}}
            @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

            {{-- Record Edit Form --}}
            <form method="POST" action="{{ route('records.document.update', [$recordType->id, $record->id]) }}" enctype="multipart/form-data">
                @csrf
                @method('PUT')

                {{-- Default Fields --}}
                <div class="mb-3">
                    <label class="form-label">Document Name <span class="text-danger">*</span></label>
                    <input type="text" name="title" class="form-control @error('title') is-invalid @enderror" 
                           value="{{ old('title', $record->title ?? '') }}" 
                           placeholder="Enter document title" required>
                    @error('title')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="mb-4">
                    <label class="form-label">Description <span class="text-danger">*</span></label>
                    <textarea name="description" class="form-control @error('description') is-invalid @enderror" 
                              rows="3" required>{{ old('description', $record->description ?? '') }}</textarea>
                    @error('description')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                {{-- Main File Upload --}}
                <div class="mb-4">
                    <label class="form-label">Document File</label>
                    @if(!empty($record->file_path))
                        <div class="mb-2">
                            <small class="text-muted">
                                <i class="mdi mdi-file-document-outline"></i> 
                                Current file: <strong>{{ basename($record->file_path) }}</strong>
                            </small>
                        </div>
                    @endif
                    <input type="file" name="file_path" class="form-control @error('file_path') is-invalid @enderror">
                    <small class="form-text text-muted">Leave empty to keep current file. Upload new file to replace.</small>
                    @error('file_path')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <hr class="my-4">

                {{-- Dynamic Properties --}}
                @if($recordType->properties->count() > 0)
                    <h5 class="mb-3">Additional Information</h5>
                    
                    @foreach($recordType->properties as $property)
                        @php
                            $columnName = strtolower(str_replace(' ', '_', $property->name));
                            $columnName = preg_replace('/[^a-z0-9_]/', '', $columnName);
                            $currentValue = $record->$columnName ?? '';
                            $isRequired = $property->pivot && $property->pivot->is_required;
                        @endphp

                        <div class="mb-3">
                            <label class="form-label">
                                {{ ucwords(str_replace('_', ' ', $property->name)) }}
                                @if($isRequired)
                                    <span class="text-danger">*</span>
                                @endif
                            </label>

                            @if($property->data_type === 'text')
                                <input type="text" 
                                       name="{{ $columnName }}" 
                                       class="form-control @error($columnName) is-invalid @enderror" 
                                       value="{{ old($columnName, $currentValue) }}"
                                       @if($isRequired) required @endif>

                            @elseif($property->data_type === 'number')
                                <input type="number" 
                                       name="{{ $columnName }}" 
                                       class="form-control @error($columnName) is-invalid @enderror" 
                                       value="{{ old($columnName, $currentValue) }}"
                                       @if($isRequired) required @endif>

                            @elseif($property->data_type === 'date')
                                <input type="date" 
                                       name="{{ $columnName }}" 
                                       class="form-control @error($columnName) is-invalid @enderror" 
                                       value="{{ old($columnName, $currentValue) }}"
                                       @if($isRequired) required @endif>

                            @elseif($property->data_type === 'textarea')
                                <textarea name="{{ $columnName }}" 
                                          class="form-control @error($columnName) is-invalid @enderror" 
                                          rows="3"
                                          @if($isRequired) required @endif>{{ old($columnName, $currentValue) }}</textarea>

                            @elseif($property->data_type === 'email')
                                <input type="email" 
                                       name="{{ $columnName }}" 
                                       class="form-control @error($columnName) is-invalid @enderror" 
                                       value="{{ old($columnName, $currentValue) }}"
                                       @if($isRequired) required @endif>

                            @elseif($property->data_type === 'file')
                                @php
                                    $fileColumnPath = $columnName . '_path';
                                    $currentFilePath = $record->$fileColumnPath ?? '';
                                @endphp
                                @if(!empty($currentFilePath))
                                    <div class="mb-2">
                                        <small class="text-muted">
                                            <i class="mdi mdi-file-outline"></i> 
                                            Current file: <strong>{{ basename($currentFilePath) }}</strong>
                                        </small>
                                    </div>
                                @endif
                                <input type="file" 
                                       name="{{ $columnName }}_path" 
                                       class="form-control @error($columnName . '_path') is-invalid @enderror"
                                       @if($isRequired && empty($currentFilePath)) required @endif>
                                <small class="form-text text-muted">
                                    @if(!empty($currentFilePath))
                                        Leave empty to keep current file.
                                    @elseif($isRequired)
                                        This field is required.
                                    @endif
                                </small>

                            @elseif($property->data_type === 'dropdown')
                                <select name="{{ $columnName }}" 
                                        class="form-select @error($columnName) is-invalid @enderror"
                                        @if($isRequired) required @endif>
                                    <option value="">-- Select Option --</option>
                                    @if(!empty($property->dropdown_options))
                                        @foreach(json_decode($property->dropdown_options, true) as $option)
                                            <option value="{{ $option }}" 
                                                    {{ old($columnName, $currentValue) == $option ? 'selected' : '' }}>
                                                {{ $option }}
                                            </option>
                                        @endforeach
                                    @endif
                                </select>

                            @else
                                <input type="text" 
                                       name="{{ $columnName }}" 
                                       class="form-control @error($columnName) is-invalid @enderror" 
                                       value="{{ old($columnName, $currentValue) }}"
                                       @if($isRequired) required @endif>
                            @endif

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

                            @if($property->description)
                                <small class="form-text text-muted">{{ $property->description }}</small>
                            @endif
                        </div>
                    @endforeach
                @endif

                {{-- Form Actions --}}
                <div class="mt-4">
                    <button type="submit" class="btn btn-primary">
                        <i class="mdi mdi-content-save me-1"></i> Update Record
                    </button>
                    <a href="{{ route('records.view.list', $recordType->id) }}" class="btn btn-secondary">
                        <i class="mdi mdi-close me-1"></i> Cancel
                    </a>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection