{{-- resources/views/cases/create.blade.php --}}
@extends('layouts.app')

@section('title', 'Создание нового дела')

@section('content')
<div class="page-header">
    <h1 class="page-title">
        <i class="bi bi-plus-circle"></i> Создание нового дела
    </h1>
</div>

<form action="{{ route('cases.store') }}" method="POST">
    @csrf
    
    <div class="row">
        <div class="col-md-8">
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="mb-0">Основная информация</h5>
                </div>
                <div class="card-body">
                    <div class="form-row">
                        <div class="form-group">
                            <label class="form-label">Номер дела *</label>
                            <input type="text" class="form-control" name="case_number" value="{{ old('case_number') }}" required>
                        </div>
                        <div class="form-group">
                            <label class="form-label">Дата открытия *</label>
                            <input type="date" class="form-control" name="open_date" value="{{ old('open_date', date('Y-m-d')) }}" required>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="form-label">Название дела *</label>
                        <input type="text" class="form-control" name="title" value="{{ old('title') }}" required placeholder="Краткое описание дела">
                    </div>

                    <div class="form-group">
                        <label class="form-label">Описание</label>
                        <textarea class="form-control" name="description" rows="3" placeholder="Детальное описание (необязательно)">{{ old('description') }}</textarea>
                    </div>

                    <div class="form-row">
                        <div class="form-group">
                            <label class="form-label">Статус</label>
                            <select class="form-control" name="status">
                                <option value="active" {{ old('status') == 'active' ? 'selected' : '' }}>Активное</option>
                                <option value="suspended" {{ old('status') == 'suspended' ? 'selected' : '' }}>Приостановлено</option>
                                <option value="closed" {{ old('status') == 'closed' ? 'selected' : '' }}>Закрыто</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label class="form-label">Тип дела</label>
                            <select class="form-control" name="case_type">
                                <option value="">Обычное</option>
                                <option value="enforcement" {{ old('case_type') == 'enforcement' ? 'selected' : '' }}>Исполнительное производство</option>
                                <option value="bankruptcy" {{ old('case_type') == 'bankruptcy' ? 'selected' : '' }}>Банкротство</option>
                                <option value="administrative" {{ old('case_type') == 'administrative' ? 'selected' : '' }}>Административное</option>
                            </select>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="card mb-4">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h5 class="mb-0">Должники</h5>
                    <button type="button" class="btn btn-sm btn-outline-primary" id="add-debtor">
                        <i class="bi bi-plus"></i> Добавить
                    </button>
                </div>
                <div class="card-body" id="debtors-container">
                    <p class="text-muted" id="no-debtors-message">Добавьте должников по делу</p>
                </div>
            </div>

            <div class="card">
                <div class="card-header">
                    <h5 class="mb-0">Объекты</h5>
                </div>
                <div class="card-body">
                    <select class="form-control" name="objects[]" multiple style="min-height: 150px;">
                        @foreach($objects as $object)
                            <option value="{{ $object->id }}">{{ $object->address }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
        </div>
    </div>

    <div class="d-flex justify-content-between mt-3 mb-5">
        <a href="{{ route('cases.index') }}" class="btn btn-outline">Отмена</a>
        <button type="submit" class="btn btn-primary"><i class="bi bi-save"></i> Создать дело</button>
    </div>
</form>

<script>
let debtorCounter = 0;

function createDebtorTemplate(index) {
    return `
        <div class="debtor-entry border rounded p-3 mb-3" data-index="${index}">
            <div class="d-flex justify-content-between mb-2">
                <strong>Должник #${index + 1}</strong>
                <button type="button" class="btn btn-sm btn-outline-danger remove-debtor"><i class="bi bi-x"></i></button>
            </div>
            <div class="mb-2">
                <label class="form-label">Тип</label>
                <select class="form-control debtor-type" name="debtors[${index}][type]">
                    <option value="">Выберите тип</option>
                    <option value="individual">Физическое лицо</option>
                    <option value="legal">Юридическое лицо</option>
                </select>
            </div>
            <div class="mb-2">
                <label class="form-label">Должник</label>
                <select class="form-control debtor-select" name="debtors[${index}][id]" disabled>
                    <option value="">Сначала выберите тип</option>
                </select>
            </div>
            <div class="mb-2">
                <label class="form-label">Сумма долга (₽)</label>
                <input type="number" step="0.01" class="form-control" name="debtors[${index}][amount]" value="0">
            </div>
            <div class="form-check">
                <input class="form-check-input" type="checkbox" name="debtors[${index}][is_main]" value="1" id="main-${index}" style="width: auto; margin-right: 8px;">
                <label class="form-check-label" for="main-${index}" style="display: inline;">Основной должник</label>
            </div>
        </div>
    `;
}

$('#add-debtor').click(function() {
    $('#debtors-container').append(createDebtorTemplate(debtorCounter));
    $('#no-debtors-message').hide();
    debtorCounter++;
});

$(document).on('click', '.remove-debtor', function() {
    $(this).closest('.debtor-entry').remove();
    if ($('.debtor-entry').length === 0) $('#no-debtors-message').show();
});

$(document).on('change', '.debtor-type', function() {
    var type = $(this).val();
    var entry = $(this).closest('.debtor-entry');
    var select = entry.find('.debtor-select');
    
    if (type) {
        var url = type === 'individual' ? '{{ route("debtors.search.individual") }}' : '{{ route("debtors.search.legal") }}';
        select.prop('disabled', true).html('<option value="">Загрузка...</option>');
        $.getJSON(url, function(data) {
            select.empty().append('<option value="">Выберите должника</option>');
            if (data.results && data.results.length > 0) {
                data.results.forEach(function(item) { select.append('<option value="' + item.id + '">' + item.text + '</option>'); });
            }
            select.prop('disabled', false);
        });
    } else {
        select.empty().append('<option value="">Сначала выберите тип</option>').prop('disabled', true);
    }
});
</script>
@endsection