@extends('layouts.app')

@section('content')
<section>
    @php
    $employee = App\Models\User::where('id',$issue->agency_user_id)->first();
    $agency = App\Models\Branch::where('branch',$issue->branch_id)->first();
    @endphp
    @if(str_contains(strtolower($issue->status_name),'rezolvat'))
    <h1 class="text-success">Aceasta cerere a fost rezolvata si nu se mai pot aduce modificari</h1>
    @else
    <button class="btn btn-success" data-bs-toggle="modal" data-bs-target="#updateCerere{{$issue->id}}">Updateaza
        cerere</button>
    <div class="modal fade" id="updateCerere{{$issue->id}}" tabindex="-1"
        aria-labelledby="updateCerere{{$issue->id}}Label" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="updateCerere{{$issue->id}}Label">Fa update cererii lui @if($employee)
                        {{ $employee->username }} @else Nu s-a gasit angajatul @endif din agentia @if($agency)
                        {{ $agency->name }} @else Nu s-a gasit agentia @endif</h5>
                    <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"
                        style="background:transparent;border:none;">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form action="/update-cerere-one" method="POST">
                    @csrf
                    <div class="modal-body">
                        <input type="hidden" name="issue_id" value="{{ $issue->id }}">
                        <label class="d-flex flex-column">
                            Alege status
                            <select name="status" id="" class="form-control">
                                <option value="">Alege status</option>
                                @foreach ($statuses as $status)
                                <option value="{{ $status->id }}">{{ $status->name }} </option>
                                @endforeach
                            </select>

                        </label>

                        <label class="d-flex flex-column">
                            Introduceti o descriere interna
                            <textarea name="description" id="" cols="30" rows="10"
                                class="form-control"> {{ $issue->office_description }}</textarea>
                        </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">Updateaza</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    @endif

    <p>Aceasta cerere a fost facuta de @if($employee) {{ $employee->username }} @else Nu s-a gasit angajatul @endif in
        agentia @if($agency) {{ $agency->name }} @else Nu s-a gasit agentia @endif, categoria cererii
        {{ $issue->category_name }} </p>
        <p>Descriere problemei: {{ $issue->agency_description }} </p>
    <div class="table-responsive">
        <table class="table">
            <thead>
                <tr class="text-center">
                    <th scope="col">Adaugat de</th>
                    <th scope="col">Vezi descriere</th>
                    <th scope="col">Status</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($issues as $issueOne)
                @php
                $added_by = App\Models\User::where('id',$issueOne->added_by)->first();
                @endphp
                <tr class="text-center">
                    <td>@if($added_by) {{ $added_by->username }} @else - @endif</td>
                    <td><button class="btn btn-info" data-bs-toggle="modal"
                            data-bs-target="#veziDescriereIssueOne{{ $issueOne->id }}"><i
                                class="fa-solid fa-eye"></i></button></td>
                    <td> {{ $issueOne->status_name }} </td>
                </tr>

                <div class="modal fade" id="veziDescriereIssueOne{{ $issueOne->id }}" tabindex="-1" aria-labelledby="veziDescriereIssueOne{{ $issueOne->id }}Label"
                    aria-hidden="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title" id="veziDescriereIssueOne{{ $issueOne->id }}Label">Descriere adaugata de @if($added_by) {{ $added_by->username }} @else - @endif</h5>
                                <button type="button" class="btn-close" data-bs-dismiss="modal"
                                    aria-label="Close"></button>
                            </div>
                            <div class="modal-body">
                                {{ $issueOne->description }}
                            </div>
                            <div class="modal-footer w-100">
                                <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