@extends('layouts.app')

@section('content')


<div class="pagetitle">
    <h1>Lista de contacte</h1>
    <nav>
      <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{route('home')}}">Acasa</a></li>
        <li class="breadcrumb-item">Contacte</li>
        <li class="breadcrumb-item active">Management</li>
      </ol>
    </nav>
  </div><!-- End Page Title -->
  <!--Add contact modal -->

  <div class="modal fade" id="add-contact-modal" tabindex="-1">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title"><i class="bi bi-plus"></i> Utilizator</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body">
         <form action="{{route('store-contact')}}" method="post" id="store-contact-form">
            @csrf 
            <label for="">Cauta Utilizator</label>
            <input type="text" id="user_name" class="form-control">

            <div class="found">
            <label for="">Utilizator</label>
            <select name="user_id" id="" class="form-control" required>
                <option value="">Alegeti Utilizator</option>
                @foreach($users as $user)
                <option value="{{$user->id}}">{{$user->username}}</option>
                @endforeach
            </select>
          </div>
            <label for="">Tip</label>
            <select name="type" id="" class="form-control" required>
                <option value="">Alegeti Tip</option>
                <option value="1"  >Contracte Expirare</option>
                <option value="2" >Mesaj pentru platii</option>
                <option value="3" >Contract partea tehnica</option>
                <option value="4" >Cantare expirare</option>
                <option value="5"  >Autorizatii expirare</option>
                <option value="6"  >Reactivi expirare</option>
                <option value="7" >Conditii contract expirare</option>                
            </select>
         
        </form>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Inchide</button>
          <button type="submit" form="store-contact-form" class="btn btn-success"><i class="bi bi-check"></i> Salveaza</button>
        </div>
      </div>
    </div>
  </div><!-- End Basic Modal-->
  <!--End add contact moal -->
  <section class="section">
    <div class="row">

        @if(session('success'))
        <div class="col-md-12">
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                {{session('success')}}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
              </div>
        </div>
        @endif

        @if(session('error'))
        <div class="col-md-12">
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                {{session('error')}}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
              </div>
        </div>
        @endif

      <div class="col-lg-12">

        <div class="card table-responsive">
          <div class="card-body">
            <h5 class="card-title">Lista cu contacte <button class="btn btn-sm btn-success" data-bs-toggle="modal" data-bs-target="#add-contact-modal"><i class="bi bi-plus">Adauga</i></button></h5>
            <table class="table table-borderless datatable">
                <thead>
                  <tr>
                    <th scope="col">#ID</th>
                    <th scope="col">Utilizator</th>
                    <th scope="col">Tip</th>              
                    <th scope="col">Optiuni</th>
                  </tr>
                </thead>
                <tbody>
                @foreach($contacts as $contact)
                @php 
                      $type= 'In asteptare';

if($contact->status)
{
    $status = 'Active';
}
if($contact->type==1)
{
    $type = 'Contracte Expirare';
}
if($contact->type==2)
{
    $type = 'Platii';
}

if($contact->type==3)
{
    $type = 'Contracte Partea Tehnica';
}
if($contact->type==4)
{
    $type='Cantare Expirare';
}
if($contact->type==5)
{
    $type='Autorizatii Expirare';
}

if($contact->type==6)
{
    $type='Reactivi Expirare';
}

if($contact->type==7)
{
    $type='Conditii contract exirare';
}
                @endphp
                  <tr>
                    <th scope="row"><a href="#">#{{$contact->id}}</a></th>
                    <td>{{$contact->user->username}}</td>
                    <td>{{$type}}</td>
                
                    <td>
                        <button class="btn btn-sm btn-warning" data-bs-toggle="modal" data-bs-target="#edit-contact-modal{{$contact->id}}"><i class="bi bi-pencil"></i></button>
                        <a href="{{route('destroy-contact',$contact->id)}}" class="btn btn-danger btn-sm"><i class="bi bi-trash"></i></a>
                    </td>
                  </tr>

                <!--Edit modal -->
                <div class="modal fade" id="edit-contact-modal{{$contact->id}}" tabindex="-1">
                    <div class="modal-dialog">
                      <div class="modal-content">
                        <div class="modal-header">
                          <h5 class="modal-title"><i class="bi bi-pencil"></i> {{$contact->user->username}}</h5>
                          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                        </div>
                        <div class="modal-body">
                         <form action="{{route('update-contact',$contact->id)}}" method="post" id="update-contact-form{{$contact->id}}">
                            @csrf 
                            @method('PUT')
                            <label for="">Tip</label>
                            <select name="type" id="" class="form-control">
                                <option value="1" @if($contact->type==1) selected @endif >Contracte Expirare</option>
                                <option value="2" @if($contact->type==2) selected @endif >Mesaj pentru platii</option>
                                <option value="3" @if($contact->type==3) selected @endif >Contract partea tehnica</option>
                                <option value="4" @if($contact->type==4) selected @endif >Cantare expirare</option>
                                <option value="5" @if($contact->type==5) selected @endif >Autorizatii expirare</option>
                                <option value="6" @if($contact->type==6) selected @endif >Reactivi expirare</option>
                                <option value="7" @if($contact->type==7) selected @endif >Conditii contract expirare</option>
                            </select>
                        </form>
                        </div>
                        <div class="modal-footer">
                          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Inchide</button>
                          <button type="submit" form="update-contact-form{{$contact->id}}" class="btn btn-primary">Salveaza</button>
                        </div>
                      </div>
                    </div>
                  </div><!-- End Basic Modal-->
                <!--End of edit modal -->
                @endforeach
                </tbody>
            </table>
          </div>
        </div>

      </div>

      
    </div>
  </section>



@endsection

@push('js')
<script src="https://code.jquery.com/jquery-3.6.4.min.js" integrity="sha256-oP6HI9z1XaZNBrJURtCoUT5SUnxFr8s3BzRl+cbzUq8=" crossorigin="anonymous"></script>
  <script>
    $(document).on('keyup','#user_name',function(){
      var name = $(this).val();
   
      var html = '';
      $.ajax({
        type:'GET',
        url:'/get-user',
        data:{'name':name},
        success:function(data)
        {   
         
            html+='<label>Utilizatori dupa cautare</label>';
            html+='<select name="user_id" class="form-control">';
            for(var i = 0; i < data.length; i++)
            {
              html+='<option value="'+data[i].id+'" selected>'+data[i].username+'</option>';
            }
            html+='</select>';

            $('.found').html(html);
        }
      });
    });
  </script>
@endpush