@extends('layouts.app')

@section('title', 'Добавление договора')

@section('content')
<style>
.form-section {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 0.5rem;
    padding: 1.25rem;
    margin-bottom: 1.5rem;
}
.form-section h3 {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #dee2e6;
}
.object-selection {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
}
.object-options {
    flex: 1;
}
.radio-group {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 1rem;
}
.radio-group label {
    font-weight: normal;
    cursor: pointer;
}
.hidden {
    display: none;
}
.client-info {
    background-color: #f8f9fa;
    padding: 1rem;
    border-radius: 0.5rem;
    margin-bottom: 1.5rem;
    border-left: 4px solid #6c757d;
}
</style>

<div class="container">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h1>Добавление договора</h1>
        <a href="{{ route('clients.index') }}" class="btn btn-secondary">Назад</a>
    </div>
    
    @if(isset($client) && $client)
    <div class="client-info">
        <div class="row">
            <div class="col-md-6">
                <strong>ФИО:</strong> {{ $client->full_name }}<br>
                <strong>ИНН:</strong> {{ $client->inn ?? 'Не указан' }}
            </div>
            <div class="col-md-6">
                <strong>Лицевой счет:</strong> {{ $client->account_number }}<br>
                <strong>Телефон:</strong> {{ $client->phone_number ?? 'Не указан' }}
            </div>
        </div>
    </div>
    @endif
    
    <form method="POST" action="{{ route('documents.property.store') }}">
        @csrf
        
        {{-- Основная информация о договоре --}}
        <div class="form-section">
            <h3>Основная информация о договоре</h3>
            
            <div class="row">
                <div class="col-md-6 mb-3">
                    <label for="contract_number" class="form-label">Номер договора <span class="text-danger">*</span></label>
                    <input type="text" class="form-control @error('contract_number') is-invalid @enderror" 
                           id="contract_number" name="contract_number" value="{{ old('contract_number') }}" required>
                    @error('contract_number')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
                
                <div class="col-md-6 mb-3">
                    <label for="contract_type" class="form-label">Тип договора <span class="text-danger">*</span></label>
                    <select class="form-control @error('contract_type') is-invalid @enderror" id="contract_type" name="contract_type" required>
                        <option value="">-- Выберите тип договора --</option>
                        <option value="Договор электроснабжения" {{ old('contract_type') == 'Договор электроснабжения' ? 'selected' : '' }}>Договор электроснабжения</option>
                        <option value="Правоустанавливающий договор" {{ old('contract_type') == 'Правоустанавливающий договор' ? 'selected' : '' }}>Правоустанавливающий договор</option>
                        <option value="Договор аренды" {{ old('contract_type') == 'Договор аренды' ? 'selected' : '' }}>Договор аренды</option>
                        <option value="Договор подряда" {{ old('contract_type') == 'Договор подряда' ? 'selected' : '' }}>Договор подряда</option>
                        <option value="Иной договор" {{ old('contract_type') == 'Иной договор' ? 'selected' : '' }}>Иной договор</option>
                    </select>
                    @error('contract_type')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
            </div>
            
            <div class="mb-3">
                <label for="contract_description" class="form-label">Описание договора</label>
                <textarea class="form-control @error('contract_description') is-invalid @enderror" 
                          id="contract_description" name="contract_description" rows="3">{{ old('contract_description') }}</textarea>
                @error('contract_description')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
        </div>
        
        {{-- Информация о контрагенте --}}
        <div class="form-section">
            <h3>Информация о контрагенте</h3>
            
            <div class="row">
                <div class="col-md-6 mb-3">
                    <label for="contractor_inn" class="form-label">ИНН контрагента <span class="text-danger">*</span></label>
                    <input type="text" class="form-control @error('contractor_inn') is-invalid @enderror" 
                           id="contractor_inn" name="contractor_inn" value="{{ old('contractor_inn', $client->inn ?? '') }}" required>
                    @error('contractor_inn')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
                
                <div class="col-md-6 mb-3">
                    <label for="contractor_name" class="form-label">Наименование контрагента</label>
                    <input type="text" class="form-control @error('contractor_name') is-invalid @enderror" 
                           id="contractor_name" name="contractor_name" value="{{ old('contractor_name', $client->full_name ?? '') }}">
                    @error('contractor_name')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
            </div>
        </div>
        
        {{-- Сведения об объекте --}}
        <div class="form-section">
            <h3>Сведения об объекте</h3>
            
            <div class="radio-group">
                <label>
                    <input type="radio" name="add_new_object" value="no" checked onchange="toggleObjectSelection()">
                    Выбрать существующий объект
                </label>
                <label>
                    <input type="radio" name="add_new_object" value="yes" onchange="toggleObjectSelection()">
                    Добавить новый объект
                </label>
            </div>
            
            <div id="existing-object-section">
                <div class="mb-3">
                    <label for="selected_object_id" class="form-label">Выберите объект</label>
                    <select class="form-control" id="selected_object_id" name="selected_object_id">
                        <option value="">-- Выберите объект --</option>
                        @if(isset($client) && $client)
                            {{-- Сначала показываем объекты, привязанные к этому клиенту --}}
                            @if($client->objects->count() > 0)
                                <optgroup label="Объекты этого клиента">
                                    @foreach($client->objects as $object)
                                        <option value="{{ $object->id }}" data-address="{{ $object->object_address }}">
                                            {{ $object->object_address }}
                                            @if($object->account_number) (Счет: {{ $object->account_number }}) @endif
                                        </option>
                                    @endforeach
                                </optgroup>
                            @endif
                            
                            {{-- Показываем остальные объекты --}}
                            @if($objects->whereNotIn('id', $client->objects->pluck('id'))->count() > 0)
                                <optgroup label="Другие объекты">
                                    @foreach($objects as $object)
                                        @if(!$client->objects->contains('id', $object->id))
                                            <option value="{{ $object->id }}" data-address="{{ $object->object_address }}">
                                                {{ $object->object_address }}
                                                @if($object->account_number) (Счет: {{ $object->account_number }}) @endif
                                            </option>
                                        @endif
                                    @endforeach
                                </optgroup>
                            @endif
                        @else
                            @foreach($objects as $object)
                                <option value="{{ $object->id }}" data-address="{{ $object->object_address }}">
                                    {{ $object->object_address }}
                                    @if($object->account_number) (Счет: {{ $object->account_number }}) @endif
                                </option>
                            @endforeach
                        @endif
                    </select>
                </div>
            </div>
            
            <div id="new-object-section" class="hidden">
                <div class="mb-3">
                    <label for="object_address" class="form-label">Адрес нового объекта <span class="text-danger">*</span></label>
                    <input type="text" class="form-control" id="object_address" name="object_address" value="{{ old('object_address') }}">
                </div>
                <div class="mb-3">
                    <label for="object_description" class="form-label">Описание объекта</label>
                    <textarea class="form-control" id="object_description" name="object_description" rows="2">{{ old('object_description') }}</textarea>
                </div>
            </div>
        </div>
        
        {{-- Даты договора --}}
        <div class="form-section">
            <h3>Даты договора</h3>
            
            <div class="row">
                <div class="col-md-4 mb-3">
                    <label for="conclusion_date" class="form-label">Дата заключения <span class="text-danger">*</span></label>
                    <input type="date" class="form-control @error('conclusion_date') is-invalid @enderror" 
                           id="conclusion_date" name="conclusion_date" value="{{ old('conclusion_date', date('Y-m-d')) }}" required>
                    @error('conclusion_date')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
                
                <div class="col-md-4 mb-3">
                    <label for="start_date" class="form-label">Дата начала действия <span class="text-danger">*</span></label>
                    <input type="date" class="form-control @error('start_date') is-invalid @enderror" 
                           id="start_date" name="start_date" value="{{ old('start_date', date('Y-m-d')) }}" required>
                    @error('start_date')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
                
                <div class="col-md-4 mb-3">
                    <label for="end_date" class="form-label">Дата окончания действия</label>
                    <input type="date" class="form-control @error('end_date') is-invalid @enderror" 
                           id="end_date" name="end_date" value="{{ old('end_date') }}">
                    @error('end_date')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    <small class="text-muted">Оставьте пустым для бессрочного договора</small>
                </div>
            </div>
        </div>
        
        {{-- Скан договора --}}
        <div class="form-section">
            <h3>Скан договора</h3>
            
            <div class="mb-3">
                <label for="scan_file_path" class="form-label">Ссылка на скан договора</label>
                <input type="url" class="form-control @error('scan_file_path') is-invalid @enderror" 
                       id="scan_file_path" name="scan_file_path" value="{{ old('scan_file_path') }}"
                       placeholder="https://example.com/scan.pdf">
                @error('scan_file_path')<div class="invalid-feedback">{{ $message }}</div>@enderror
                <small class="text-muted">Введите ссылку на отсканированный документ</small>
            </div>
        </div>
        
        <div class="d-flex justify-content-end gap-2">
            <a href="{{ route('clients.index') }}" class="btn btn-secondary">Отмена</a>
            <button type="reset" class="btn btn-secondary">Очистить</button>
            <button type="submit" class="btn btn-primary">Добавить договор</button>
        </div>
    </form>
</div>

<script>
function toggleObjectSelection() {
    const addNewObject = document.querySelector('input[name="add_new_object"]:checked').value;
    const existingSection = document.getElementById('existing-object-section');
    const newSection = document.getElementById('new-object-section');
    
    if (addNewObject === 'yes') {
        existingSection.classList.add('hidden');
        newSection.classList.remove('hidden');
        document.getElementById('selected_object_id').value = '';
    } else {
        existingSection.classList.remove('hidden');
        newSection.classList.add('hidden');
        document.getElementById('object_address').value = '';
        document.getElementById('object_description').value = '';
    }
}

document.addEventListener('DOMContentLoaded', function() {
    toggleObjectSelection();
});
</script>
@endsection