@extends('layouts.front')
@section('content')

    <article class="ItemfullBlock pb-7 pb-md-9 pb-lg-13 pb-xl-19 bg-light">
        <div class="container">
            <div class="cartTableWrap table-responsive mb-8 mb-md-12 mb-lg-16">
                <h1 class="mb-5 mx-md-n5 mx-lg-0 mt-7"> Raportează problema din oraș </h1>
                <div>
                    <a href="{{route('problems.new.create')}}" data-hover="Adaugǎ sesizare"
                       class="btn btnTheme fwMedium btnMinSm text-capitalize position-relative border-0 p-0">
                        <span class="d-block btnText">Adaugǎ sesizare</span>
                    </a>
                </div>

                <div class="row mt-10">
                    <div class="col">
                        <form class="search" method="GET" action="{{route('sesizari.index')}}">
                            <div class="form-group">
                                <label for="field1">{{ trans('module.notification_filter_1_title') }}</label>
                                <select id="field1" class="selector" name="statussch">
                                    <option value=""
                                            class="option">{{ trans('module.notification_filter_choose') }}</option>
                                    <option @if(!empty($_GET['statussch']) && $_GET['statussch'] == 'draft' ) selected
                                            @endif value="draft" class="option">In lucru
                                    </option>
                                    <option @if(!empty($_GET['statussch']) && $_GET['statussch'] == 'resolved' ) selected
                                            @endif value="resolved" class="option">Rezolvat
                                    </option>
                                    <option @if(!empty($_GET['statussch']) && $_GET['statussch'] == 'unresolved' ) selected
                                            @endif value="unresolved" class="option">Anulat
                                    </option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label for="field2">{{ trans('module.notification_filter_2_title') }}</label>
                                <select id="field2" class="selector" name="tipporbsch">
                                    <option value=""
                                            class="option">{{ trans('module.notification_filter_choose') }}</option>
                                    @foreach($problemType as $types)
                                        <option @if(!empty($_GET['tipporbsch']) && $_GET['tipporbsch'] == $types->id ) selected
                                                @endif  value="{{$types->id}}" class="option">{{$types->name}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <button type="submit" data-hover="Cauta"
                                    class="btn btnTheme fwMedium btnMinSm text-capitalize position-relative border-0 p-0">
                                <span class="d-block btnText">
                                    Cauta
                                    <i class="fa-solid fa-magnifying-glass"></i>
                                </span>
                            </button>
                        </form>
                    </div>
                </div>

                @if(count($datas))
                    <div class="row">
                        <div class="col">
                            <table class="table cartTable mb-0 fontAlter mt-5">
                                <thead>
                                <tr>
                                    <th class="col01">{{ trans('module.notification_table_column_1') }}</th>
                                    <th class="col02">{{ trans('module.notification_table_column_2') }}</th>
                                    <th class="col03">{{ trans('module.notification_table_column_3') }}</th>
                                    <th class="col04">{{ trans('module.notification_table_column_4') }}</th>
                                    <th class="col05">{{ trans('module.notification_table_column_5') }}</th>
                                </tr>
                                </thead>
                                <tbody>

                                @foreach($datas as $data)
                                    <tr class="product-cart-item">
                                        <td class="">
                                            <div @if($data->status == "unresolved") class="circle circle-red"
                                                 @elseif($data->status == "resolved") class="circle circle-green"
                                                 @else class="circle circle-blue" @endif>
                                                <span>{{\App\Models\Problems\Problem::STATUS[$data->status]}}</span>
                                            </div>
                                        </td>
                                        <td class="">{{$data->title}}</td>
                                        <td class="">{{$data->type ? $data->type->name : ''}}</td>
                                        <td class="">{{$data->created_at}}</td>
                                        <td class="">
                                            <div class="btnBox"><a class="vizualizareBtn"
                                                                   href="{{route('problems.view', $data->id)}}"><i
                                                            class="fa-solid fa-eye"></i></a></div>
                                        </td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>

                @else
                    <div class="mt-5">
                        <h3>Nu sunt sesizari</h3>
                    </div>
                @endif


            </div>

        </div>
    </article>

@endsection

@push('scripts')
    {{--    <script src="https://kit.fontawesome.com/4dc00b96d1.js" crossorigin="anonymous"></script>--}}
@endpush