@extends('layouts.admin')

@section('content')
<meta name="csrf-token" content="{{ csrf_token() }}">

<div class="container-fluid">
    <div id="propertyAccordion">
        <div class="card mb-3">
            <div class="card-header" id="headingOne">
                <button class="accordion-toggle btn btn-link text-secondary collapsed" type="button"
                    data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
                    <span>Etapa - Aguardando Engenheiro Agendamento do Engenheiro</span>
                    <span class="arrow">v</span>
                </button>
            </div>
            <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#propertyAccordion">
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-striped table-bordered dataTable" width="100%" cellspacing="0">
                            <thead>
                                <tr>
                                    <th>Nome da Propriedade</th>
                                    <th>Vendedor</th>
                                    <th>Engenheiro</th>
                                    <th>Telefone para contato do Engenheiro</th>
                                    <th>Ação</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($visitProperties as $property)
                                    <tr>
                                        <td>{{ $property->name }}</td>
                                        <td>{{ $property->user->fullname }}</td>
                                        <td>{{ $property->engineerConnect?->fullname ?? 'Engenheiro não atribuído' }}</td>
                                        <td>{{ $property->engineerConnect?->phone ?? 'Sem número correspondente' }}</td>
                                        <td>
                                            @if ($property->engineerConnect)
                                                <p>Aguardar Engenheiro Aceitar o Agendamento da Visita</p>
                                            @else
                                                <p>Solicitar Administrador para trocar status da propriedade para Agendamento Manual</p>
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

        <div class="card mb-3">
            <div class="card-header" id="headingTwo">
                <button class="accordion-toggle btn btn-link text-primary collapsed" type="button"
                    data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                    <span>Propriedades aguardando Agendamento Manual</span>
                    <span class="arrow">v</span>
                </button>
            </div>
            <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#propertyAccordion">
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-striped table-bordered dataTable" width="100%" cellspacing="0">
                            <thead>
                                <tr>
                                    <th>Nome da Propriedade</th>
                                    <th>Vendedor</th>
                                    <th>Selecione o Engenheiro</th>
                                    <th>Ação</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($manualProperties as $property)
                                    <tr>
                                        <td class="col-3">{{ $property->name }}</td>
                                        <td class="col-3">{{ $property->user->fullname }}</td>
                                        <td class="col-4">
                                            <select class="form-control engineer-select" data-property-id="{{ $property->id }}">
                                                <option value="">Selecione o Engenheiro</option>
                                                @foreach($engineers as $engineer)
                                                    <option value="{{ $engineer->id }}">
                                                        {{ $engineer->fullname }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </td>
                                        <td class="col-2">
                                            <button
                                                class="btn btn-success btn-assign-engineer"
                                                data-property-id="{{ $property->id }}">
                                                Salvar
                                            </button>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<script>
    $(document).ready(function () {
        $('.btn-assign-engineer').click(function () {
            var propertyId = $(this).data('property-id');
            var engineerId = $('select[data-property-id="' + propertyId + '"]').val();

            if (!engineerId) {
                alert('Por favor, selecione um engenheiro.');
                return;
            }

            $.ajax({
                url: '/admin/supervising-engineer/assign/' + propertyId,
                method: 'POST',
                data: {
                    engineer_id: engineerId,
                    _token: $('meta[name="csrf-token"]').attr('content')
                },
                success: function (response) {
                    alert('Engenheiro atribuído com sucesso!');
                    location.reload();
                },
                error: function (xhr) {
                    alert('Erro ao atribuir engenheiro: ' + xhr.responseJSON.error);
                }
            });
        });
    });
</script>

@endsection