@extends('layouts.app')

@section('js')
<script>
@if(isset($readonly) && $readonly)
    document.querySelectorAll('input, select, textarea').forEach(el => {
        el.setAttribute('readonly', true);
        el.setAttribute('disabled', true);
    });
@endif
</script>
@endsection

@push('pageTitle')
    {{ __('labels.product_requests') }}
@endpush

@section('content')

@include('components.common.page-header', [
    'pageTitle' => isset($productRequest) && isset($readonly) && $readonly 
                    ? __('labels.view_product_request') 
                    : (isset($productRequest) ? __('labels.edit_product_request') : __('labels.create_product_request')),
    'actionButton' => [
        'url' => route('product-requests.index'),
        'text' => __('labels.back_to_product_requests'),
    ],
])

@include('components.common.flush-message')
@include('components.common.validation-errors')

<form
    @if(!isset($readonly) || (isset($readonly) && !$readonly))
        {{-- action="{{ isset($productRequest) ? route('product-requests.update', $productRequest->id) : route('product-requests.store') }}" --}}
        method="POST"
    @endif
    id="informationRequestForm">

    @csrf
    @if(isset($productRequest)) @method('PUT') @endif

    <div class="row">
        <div class="col-xl-12">
            <div class="card">
                <div class="card-body">

                    {{-- Name --}}
                    <div class="mb-3 row">
                        <label class="col-md-2 col-form-label">{{ __('labels.product') }} 
                            @if(!isset($readonly) || (isset($readonly) && !$readonly))
                                <span class="text-danger">*</span>
                            @endif
                        </label>
                        <div class="col-md-10">
                            <input class="form-control @error('product') is-invalid @enderror"
                                   type="text"
                                   value="{{ old('product', $productRequest->product?->title ?? '') }}"
                                   {{ isset($readonly) && $readonly ? 'readonly' : '' }}
                                   placeholder="{{ __('labels.product') }}" required>
                            @error('product') <div class="invalid-feedback">{{ $message }}</div> @enderror
                        </div>
                    </div>


                    {{-- Name --}}
                    <div class="mb-3 row">
                        <label class="col-md-2 col-form-label">{{ __('labels.name') }} 
                            @if(!isset($readonly) || (isset($readonly) && !$readonly))
                                <span class="text-danger">*</span>
                            @endif
                        </label>
                        <div class="col-md-10">
                            <input class="form-control @error('name') is-invalid @enderror"
                                   type="text" name="name"
                                   value="{{ old('name', $productRequest->name ?? '') }}"
                                   {{ isset($readonly) && $readonly ? 'readonly' : '' }}
                                   placeholder="{{ __('labels.name') }}" required>
                            @error('name') <div class="invalid-feedback">{{ $message }}</div> @enderror
                        </div>
                    </div>

                    {{-- Email --}}
                    <div class="mb-3 row">
                        <label class="col-md-2 col-form-label">{{ __('labels.email') }} 
                            @if(!isset($readonly) || (isset($readonly) && !$readonly))
                                <span class="text-danger">*</span>
                            @endif                    
                        </label>
                        <div class="col-md-10">
                            <input class="form-control @error('email') is-invalid @enderror"
                                   type="email" name="email"
                                   value="{{ old('email', $productRequest->email ?? '') }}"
                                   {{ isset($readonly) && $readonly ? 'readonly' : '' }}
                                   placeholder="{{ __('labels.email') }}" required>
                            @error('email') <div class="invalid-feedback">{{ $message }}</div> @enderror
                        </div>
                    </div>

                    <div class="mb-3 row">
                        <label class="col-md-2 col-form-label">{{ __('labels.contact_email') }} 
                            @if(!isset($readonly) || (isset($readonly) && !$readonly))
                                <span class="text-danger">*</span>
                            @endif                    
                        </label>
                        <div class="col-md-10">
                            <input class="form-control @error('contact_email') is-invalid @enderror"
                                   type="email" name="contact_email"
                                   value="{{ old('contact_email', $productRequest->contact_email ?? '') }}"
                                   {{ isset($readonly) && $readonly ? 'readonly' : '' }}
                                   placeholder="{{ __('labels.contact_email') }}" required>
                            @error('contact_email') <div class="invalid-feedback">{{ $message }}</div> @enderror
                        </div>
                    </div>
                    
                    {{-- Phone --}}
                    <div class="mb-3 row">
                        <label class="col-md-2 col-form-label">{{ __('labels.phone') }}</label>
                        <div class="col-md-10">
                            <input class="form-control @error('phone') is-invalid @enderror"
                                   type="tel" name="phone"
                                   value="{{ old('phone', $productRequest->phone ?? '') }}"
                                   {{ isset($readonly) && $readonly ? 'readonly' : '' }}
                                   placeholder="{{ __('labels.phone') }}">
                            @error('phone') <div class="invalid-feedback">{{ $message }}</div> @enderror
                        </div>
                    </div>

                    {{-- Company --}}
                    <div class="mb-3 row">
                        <label class="col-md-2 col-form-label">{{ __('labels.company') }}</label>
                        <div class="col-md-10">
                            <input class="form-control @error('company') is-invalid @enderror"
                                   type="text" name="company"
                                   value="{{ old('company', $productRequest->company ?? '') }}"
                                   {{ isset($readonly) && $readonly ? 'readonly' : '' }}
                                   placeholder="{{ __('labels.company') }}">
                            @error('company') <div class="invalid-feedback">{{ $message }}</div> @enderror
                        </div>
                    </div>

                    {{-- Message --}}
                    <div class="mb-3 row">
                        <label class="col-md-2 col-form-label">{{ __('labels.message') }}</label>
                        <div class="col-md-10">
                            <textarea class="form-control @error('message') is-invalid @enderror"
                                      name="message" rows="4"
                                      {{ isset($readonly) && $readonly ? 'readonly' : '' }}
                                      placeholder="{{ __('labels.message') }}">{{ old('message', $productRequest->message ?? '') }}</textarea>
                            @error('message') <div class="invalid-feedback">{{ $message }}</div> @enderror
                        </div>
                    </div>

                    @if(isset($productRequest))
                    {{-- Tracking Information (Readonly) --}}
                    <div class="mb-3 row">
                        <label class="col-md-2 col-form-label">{{ __('labels.tracking_info') }}</label>
                        <div class="col-md-10">
                            <div class="form-control-plaintext">
                                <small class="text-muted">
                                    <i class="fas fa-calendar me-1"></i> 
                                    {{ __('labels.created_at') }}: {{ $productRequest->created_at->format('d.m.Y H:i') }}
                                    
                                    @if($productRequest->ip_address)
                                        <br>
                                        <i class="fas fa-globe me-1"></i> 
                                        {{ __('labels.ip_address') }}: {{ $productRequest->ip_address }}
                                    @endif
                                    
                                    @if($productRequest->source_url)
                                        <br>
                                        <i class="fas fa-link me-1"></i> 
                                        {{ __('labels.source_url') }}: 
                                        <a href="{{ $productRequest->source_url }}" target="_blank" class="text-primary">
                                            {{ Str::limit($productRequest->source_url, 50) }}
                                        </a>
                                    @endif
                                </small>
                            </div>
                        </div>
                    </div>
                    @endif


                </div>
            </div>
        </div>
    </div>

    {{-- Save Buttons --}}
    @if(!isset($readonly) || (isset($readonly) && !$readonly))
        <div class="d-grid gap-2 d-md-flex justify-content-md-end mt-3">
            <button type="submit" class="btn btn-primary">
                <i class="fas fa-save me-1"></i>{{ isset($productRequest) ? __('labels.update') : __('labels.submit') }}
            </button>
            <a href="{{ route('product-requests.index') }}" class="btn btn-secondary">{{ __('labels.cancel') }}</a>
        </div>
    @endif
</form>

@endsection