@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 Assinatura do Contrato</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>Ação</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($waitingContract as $property)
                                    <tr>
                                        <td>{{ $property->name }}</td>
                                        <td>{{ $property->user->fullname }}</td>
                                         <td class="text-center">
                                            <p>Aguardar documentação ou resolução da pendência do usuário</p>
                                        </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>Etapa - Análise do Contrato Assinado</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>Analisar Documentos</th>
                                    <th>Ação</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($signedContract as $property)
                                    <tr>
                                        <td>{{ $property->name }}</td>
                                        <td>{{ $property->user->fullname }}</td>
                                        <td class="text-center">
                                            <button class="btn btn-info btn-md btn-show-property" data-id="{{ $property->id }}" data-toggle="modal" data-target="#propertyModal">
                                                Visualizar
                                            </button>
                                        </td>
                                        <td class="col-2 text-center">
                                        <button class="btn btn-success btn-sm btn-approve" data-id="{{ $property->id }}">
                                            Aprovar
                                        </button>

                                        <button class="btn btn-warning btn-sm btn-diligence text-secondary" data-id="{{ $property->id }}">
                                            Diligência
                                        </button>

                                        <button class="btn btn-danger btn-sm btn-reject" data-id="{{ $property->id }}">
                                            Recusar
                                        </button>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

        <div class="card mb-3">
            <div class="card-header" id="headingThree">
                <button class="accordion-toggle btn btn-link text-secondary collapsed" type="button"
                    data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                    <span>Etapa - Diligência do Contrato</span>
                    <span class="arrow">v</span>
                </button>
            </div>
            <div id="collapseThree" class="collapse" aria-labelledby="headingThree" 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>Ação</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($diligenceContract as $property)
                                    <tr>
                                        <td>{{ $property->name }}</td>
                                        <td>{{ $property->user->fullname }}</td>
                                         <td class="text-center">
                                            <p>Aguardar documentação ou resolução da pendência do usuário</p>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>

@include('admin.juridical.juridical_contracts.modal.modal_contract')
@include('admin.juridical.modal.modal_documentModal')
@include('admin.juridical.modal.modal_approveModal')
@include('admin.juridical.modal.modal_rejectModal')
@include('admin.juridical.juridical_contracts.modal.modal_diligenceContractModal')

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="{{ asset('js/juridical/show_modal.js') }}"></script>
<script src="{{ asset('js/juridical/contract/approve_contract.js') }}"></script>
<script src="{{ asset('js/juridical/contract/reject_contract.js') }}"></script>
<script src="{{ asset('js/juridical/contract/diligence_contract.js') }}"></script>
@endsection