@extends('layouts.front')
@section('content')
{{--    <link href="{{asset('css/sesizari_lista.css')}}" id="app-style" rel="stylesheet" type="text/css"/>--}}
<section class="pt-7 pb-4 pt-md-9 pb-md-7 pb-lg-11 border-top">
    <div class="container">
        <header class="headingHead text-center mb-8 mb-lg-12">
            <h2 class="fwSemiBold">{{__('Raportează problema din oraș')}}</h2>
{{--            <p>--}}
{{--                <a href="{{route('problems.new.create')}}" class=" btnTheme ">--}}
{{--                    <span class="d-block btnText col-lg-4">--}}
{{--                        {{ trans('module.notification_text') }}--}}
{{--                    </span>--}}
{{--                </a>--}}
{{--            </p>--}}
        </header>
    </div>
    <div class="col">
        <problems-list-map :problems="{{$problems}}" :problem-types="{{$problemTypes}}"></problems-list-map>
        {{--            <form class="search" method="GET" action="{{route('sesizari.index')}}">--}}
        {{--                <div class="form-group">--}}
        {{--                    <label for="field1" class="d-block">{{ 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" class="d-block">{{ 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\Problems\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>
</section>
@endsection

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