@extends('layouts.admin')
@section('content')
@section('headerTitle')
Probleme raportate
@endsection
@section('breadcrumbs')

{{ Breadcrumbs::render('admin.interact.problems') }}
@endsection
<link href="{{asset('css/sesizari_lista.css')}}" id="app-style" rel="stylesheet" type="text/css" />
<div class="row">
   
    <!-- <div class="card">
    
        <div class="card-body">
        
            <div class="col-md-10 col-lg-12 col-xl-10 col-xxl-9 mx-auto text-center">
                <h2 class="fs-15 text-uppercase text-muted mb-3">Sesizari</h2>
                <a class="btn btn-info" href="{{route('problems.new.create')}}">Adauga sesizare</a>
            </div>
        
      </div>
    </div> -->
    <h1>Admin</h1>
    <form class="search" method="GET" action="">
      <div>
        <label for="field1">Status:</label>
        <select id="field1" class="selector" name="statussch">
          <option value="" class="option">----Alege----</option>
          <option value="draft" class="option">In lucru</option>
          <option value="resolved" class="option">Rezolvat</option>
          <option value="unresolved" class="option">Anulat</option>
        </select>
      </div>
      <div>
        <label for="field2">Tip sesizare:</label>
        <select id="field2" class="selector" name="tipporbsch">
          <option value="" class="option">----Alege----</option>
          @foreach($datas as $types)
          <option 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>
    <div class="tableDivLeonte">
      <div class="legend">
        <div class="legendElement">
          <div class="redCircle"></div>
          <p>Anulat</p>
        </div>
        <div class="legendElement">
          <div class="greenCircle"></div>
          <p>Rezolvat</p>
        </div>
        <div class="legendElement">
          <div class="blueCircle"></div>
          <p>În lucru</p>
        </div>
      </div>
      <table class="tableLeonte">
        <thead>
          <tr class="trLeonte">
            <th class="thLeonte">Status</th>
            <th class="thLeonte">Titlu</th>
            <th class="thLeonte">Tipul sesizării</th>
            <th class="thLeonte">Data publicării</th>
            <th class="thLeonte">Vizualizare</th>
          </tr>
        </thead>
        <tbody>

        @foreach($datas as $data)
            <tr class="trLeonte">
                <td class="tdLeonte status">
                    <div @if($data->status == "unresolved") class="redCircle" @elseif($data->status == "resolved") class="greenCircle"  @else class="blueCircle" @endif></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('admin.sesizari.view', $data->id)}}"><i class="fa-solid fa-eye"></i></a></div></td>
            </tr>
        @endforeach
        </tbody>
      </table>
    </div>

 </div>
    
</div>

@endsection

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