@extends('front.app')
@section('content')
    <link href="{{asset('css/sesizari_lista.css')}}" id="app-style" rel="stylesheet" type="text/css"/>
    <section class="wrapper bg-light">
        <div class="container pt-10 pt-md-14 pb-14 pb-md-16 text-center">
            <div class="row gx-lg-8 gx-xl-12 gy-10 gy-xl-0 mb-14 align-items-center">
                <div class="col-lg-7 order-lg-2">
                    <figure>
                        <img class="img-auto" src="{{asset('front/img/illustrations/i16.png')}}" srcset="{{asset('front/img/illustrations/i16@2x.png 2x')}}" alt=""/>
                    </figure>
                </div>
                <!-- /column -->
                <div class="col-md-10 offset-md-1 offset-lg-0 col-lg-5 text-center text-lg-start">
                    <h1 class="display-1 fs-54 mb-5 mx-md-n5 mx-lg-0 mt-7"> Raportează problema din oraș <br>
                        <span>
                            <a style="font-family: monospace" class="btn btn-danger red-color-background mt-10" href="{{route('problems.new.create')}}">
                                {{ trans('module.notification_text') }}
                            </a>
                        </span>
                    </h1>
                </div>
                <!-- /column -->
            </div>
            <!-- /.row -->

            <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" class="cautaBtn">
                    <i class="fa-solid fa-magnifying-glass"></i>
                </button>
            </form>

            @if(count($datas))

                <div class="tableDivLeonte">
                    <table class="tableLeonte">
                        <thead>
                        <tr class="trLeonte">
                            <th class="thLeonte">{{ trans('module.notification_table_column_1') }}</th>
                            <th class="thLeonte">{{ trans('module.notification_table_column_2') }}</th>
                            <th class="thLeonte">{{ trans('module.notification_table_column_3') }}</th>
                            <th class="thLeonte">{{ trans('module.notification_table_column_4') }}</th>
                            <th class="thLeonte">{{ trans('module.notification_table_column_5') }}</th>
                        </tr>
                        </thead>
                        <tbody>

                        @foreach($datas as $data)
                            <tr class="trLeonte">
                                <td class="tdLeonte">
                                    <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\Problem::STATUS[$data->status]}}</span> </div>
                                </td>
                                <td class="tdLeonte">{{$data->title}}</td>
                                <td class="tdLeonte">{{$data->type ? $data->type->name : ''}}</td>
                                <td class="tdLeonte">{{$data->created_at}}</td>
                                <td class="tdLeonte">
                                    <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>
            @else
                <div class="tableDivLeonte">
                    <h3>Nu sunt sesizari</h3>
                </div>
            @endif

        </div>
        <!-- /.container -->
    </section>
@endsection

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