@extends('layouts.app')

@section('content')
<section>
    <div class="table-responsive">
        <table class="table">
            <thead>
                <tr class="text-center">
                    <th scope="col">Agentie</th>
                    <th scope="col">Cerere facuta de</th>
                    <th scope="col">Descriere problema</th>
                    <th scope="col">Descriere sediu</th>
                    <th scope="col">Categorie</th>
                    <th scope="col">Status</th>
                    <th scope="col">Ultima oara modifcat de</th>
                    <th scope="col">Vezi status</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($issues as $issue)
                @php
                $addedBy = App\Models\User::where('id',$issue->agency_user_id)->first();
                $editedBy = App\Models\User::where('id',$issue->user_id)->first();
                $branchName = App\Models\Branch::where('branch',$issue->branch_id)->first();
                @endphp
                <tr class="text-center">
                    <th scope="row">@if($branchName) {{ $branchName->name }} @else - @endif</th>
                    <td>@if($addedBy) {{ $addedBy->username }} @else - @endif</td>
                    <td> <button class="btn btn-info" data-bs-toggle="modal"
                            data-bs-target="#showIssueDescription{{ $issue->id }}"><i class="fa-solid fa-eye"></i></button> </td>
                            <td> <button class="btn btn-info" data-bs-toggle="modal"
                            data-bs-target="#showIssueDescriptionSediu{{ $issue->id }}"><i class="fa-solid fa-eye"></i></button> </td>
                    <td> @if($issue->category_id) {{ $issue->category_name }} @else <button class="btn btn-success mb-2" data-bs-toggle="modal"
                            data-bs-target="#editIssueStatus{{ $issue->id }}">Actualizeaza</button> @endif </td>
                    <td> {{ $issue->status_name }} </td>
                    <td scope="row">@if($editedBy) {{ $editedBy->username }} @else - @endif</td>
                    <td>
                        @if($issue->status_issue_id == 1)
                        <p class="text-success">Cerere rezolvata</p>
                        <a href="/vezi-problema/{{ $issue->id }}">Vezi problema</a>
                        @elseif($issue->category_id)
                       <a href="/vezi-problema/{{ $issue->id }}">Vezi problema</a>
                       @else
                       Pentru a prelua trebuie sa incadrezi cererea intr-o categorie
                        @endif
                    </td>
                </tr>
                <div class="modal fade" id="editIssueStatus{{ $issue->id }}" tabindex="-1"
                    aria-labelledby="editIssueStatus{{ $issue->id }}Label" aria-hidden="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title" id="editIssueStatus{{ $issue->id }}Label">@if($addedBy) {{ $addedBy->username }} @else - @endif <br>
                                @if($branchName) {{ $branchName->name }} @else - @endif <br>
                                    {{ $issue->created_at }} </h5>
                                <button type="button" class="btn-close" data-bs-dismiss="modal"
                                    aria-label="Close"></button>
                            </div>
                            <form action="/edit-status-issue-reported" method="POST">
                                @csrf
                                <div class="modal-body">
                                    <input type="hidden" value="{{ $issue->id }}" name="id">
                                    <label class="d-flex flex-column">
                                        Alege categorie
                                        <select name="category" id="" class="form-control">
                                            <option value="">Alege categorie</option>
                                            @foreach ($categories as $category)
                                            <option value="{{ $category->id }}"
                                                {{ $category->id == $issue->category_issue_id ? 'selected' : '' }}>
                                                {{ $category->name }} </option>
                                            @endforeach
                                        </select>
                                    </label>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-secondary"
                                        data-bs-dismiss="modal">Inchide</button>
                                    <button type="submit" class="btn btn-primary">Salveaza</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>

                <div class="modal fade" id="showIssueDescription{{ $issue->id }}" tabindex="-1"
                    aria-labelledby="showIssueDescription{{ $issue->id }}Label" aria-hidden="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title" id="showIssueDescription{{ $issue->id }}Label">@if($addedBy) {{ $addedBy->username }} @else - @endif <br>
                                @if($branchName) {{ $branchName->name }} @else - @endif <br>
                                    {{ $issue->created_at }} </h5>
                                <button type="button" class="btn-close" data-bs-dismiss="modal"
                                    aria-label="Close"></button>
                            </div>
                            <div class="modal-body">
                                <p>{{ $issue->agency_description }}</p>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary w-100"
                                    data-bs-dismiss="modal">Inchide</button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal fade" id="showIssueDescriptionSediu{{ $issue->id }}" tabindex="-1"
                    aria-labelledby="showIssueDescriptionSediu{{ $issue->id }}Label" aria-hidden="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title" id="showIssueDescriptionSediu{{ $issue->id }}Label">@if($addedBy) {{ $addedBy->username }} @else - @endif <br>
                                @if($branchName) {{ $branchName->name }} @else - @endif <br>
                                    {{ $issue->created_at }} </h5>
                                <button type="button" class="btn-close" data-bs-dismiss="modal"
                                    aria-label="Close"></button>
                            </div>
                            <div class="modal-body">
                                <p>{{ $issue->office_description }}</p>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary w-100"
                                    data-bs-dismiss="modal">Inchide</button>
                            </div>
                        </div>
                    </div>
                </div>
                @endforeach
            </tbody>
        </table>
        {{ $issues->withQueryString()->links() }}
    </div>
</section>
@endsection

@push('js')


<script>

</script>

@endpush