@extends('layouts.app')

@section('title', 'Tools')

@section('content')

<div class="row wrapper border-bottom white-bg page-heading ">
    <div class="col-md-8">
                <div class="col-lg-10">
                    <h2>Riunione Pianificata del {{$riunione->data_riunione}} orario {{$riunione->orario_riunione}}</h2>
                    <ol class="breadcrumb">
                        <li >
                            <a href="/">Home</a>
                        </li>
                        <li class="active">
                            <a>Riunioni</a>
                        </li>
                      
                     
                    </ol>
                </div>
        </div>
    <div class="col-md-4 text-right">
        <br>
       <button class="btn btn-sm btn-warning text-right" type="button" data-toggle="modal" data-target="#modalMdc" >+Aggiungi Argomento</button>

    </div>
             
 </div>  

<div class="ibox">
    <div class="ibox-content">    
        <div class="row">
            
        <div class="col-md-12">
              @if (Session::has('message'))
                <div class="alert alert-{{Session::get('class')}} alert-dismissable">{{ Session::get('message') }}</div>
               @endif
        </div>
         

        </div>

        <div class="row p-h-m">
            <div class="col-md-12">

                <div class="table-responsive">
                    <table id="tab_argomenti" class="table table-striped table-hover">
                        <thead>
                            <tr>
                                <th>Utente</th>
                                <th>Argomento da discutere</th>
                                <th>Possibile soluzione</th>
                                <th>Stato</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>

                            @foreach ($argomenti as $argomento)
                            <tr data-id="{{$argomento->id}}">
                                <td><img src="{{$argomento->user()->avatar}}"   height='80' style='padding:10px;float:left'  /><span style='display: block;font-weight: 800;padding-top: 12px;'>{{$argomento->user()->name}}</span><span style='display: block'>{{$argomento->user()->email}}</span></td>
                                <td>{{$argomento->argomento}}</td>
                                <td>{{$argomento->possibile_soluzione}}</td>
                                <td>{{$argomento->soluzione}}</td>
                                <td>{{$argomento->stato}}</td>
                                
                            </tr>
                            @endforeach

                        </tbody>
                    </table>
                </div>

            </div>
        </div>
    </div>
</div>

<div class="modal inmodal in" id="modalMdc" tabindex="-1" role="dialog" aria-hidden="true">
    <form id="mdc" method="post">
        {{ csrf_field() }}
        <div class="modal-dialog">
            <div class="modal-content animated fadeIn">
                <div class="modal-header default_modal_header">
                    <h4 class="modal-title"><i class="fa fa-bars" aria-hidden="true"></i>&nbsp;Argomento</h4>

                </div>
                <div class="modal-body">

                    <input type="hidden" name="user_id" value="{{Auth::user()->id}}">
                    <input type="hidden" name="riunione_id" value="{{$riunione->id}}">

                    <div class="col-md-12">
                        <h2>Inserisci l'argomento della riunione</h2>
                    </div>

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

                        <div class="form-group">
                            <label>Argomento</label>
                            <textarea class="form-control" required  name="argomento" rows="4" cols="50" style="resize:none;"></textarea>

                        </div>
                    </div>

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

                        <div class="form-group">
                            <label>Possibile Soluzione</label>
                            <textarea class="form-control" name="possibile_soluzione" rows="4" cols="50" style="resize:none;"></textarea>

                        </div>
                    </div>

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

                        <div class="form-group">
                            <label>Soluzione</label>
                            <textarea class="form-control" name="soluzione" rows="4" cols="50" style="resize:none;"></textarea>

                        </div>
                    </div>

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

                        <div class="form-group">
                            <label>Stato</label>
                            <select  name="stato" class="form-control">
                                <option>non gestito</option>
                                <option>in attesa di confronto</option>
                                <option>gestito</option>

                            </select>
                        </div>
                    </div>



                    <div class="clearfix"></div>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary">Inserisci</button>
                    <button type="button" class="btn btn-danger" data-dismiss="modal">Annulla</button>
                </div>

            </div>
        </div>
    </form>
</div>




<div class="modal inmodal in" id="modalRiunioni_view" tabindex="-1" role="dialog" aria-hidden="true">
    <form id="modifica_argomento" method="post" action="/riunioni/modificaArgomento">
        {{ csrf_field() }}
        <div class="modal-dialog">
            <div class="modal-content animated fadeIn">
                <div class="modal-header default_modal_header">
                    <h4 class="modal-title"><i class="fa fa-bars" aria-hidden="true"></i>&nbsp;Argomento</h4>

                </div>
                <div class="modal-body">

                    <input type="hidden" name="user_id"  value="{{Auth::user()->id}}">
                    <input type="hidden" name="riunione_id" value="{{$riunione->id}}">
                    <input type="hidden" id="argomento_id_view" name="id" value="">
                    <input type="hidden" id="elimina_view" name="elimina" value="no">

                    <div class="col-md-12">
                        <h2>Visualizza l'argomento della riunione</h2>
                    </div>

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

                        <div class="form-group">
                            <label>Argomento</label>
                            <textarea class="form-control" required  id="argomento_view" name="argomento" rows="4" cols="50" style="resize:none;"></textarea>

                        </div>
                    </div>

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

                        <div class="form-group">
                            <label>Possibile Soluzione</label>
                            <textarea class="form-control" name="possibile_soluzione" id="possibile_soluzione_view" rows="4" cols="50" style="resize:none;"></textarea>

                        </div>
                    </div>

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

                        <div class="form-group">
                            <label>Soluzione</label>
                            <textarea class="form-control" name="soluzione"  id="soluzione_view"  rows="4" cols="50" style="resize:none;"></textarea>

                        </div>
                    </div>

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

                        <div class="form-group">
                            <label>Stato</label>
                            <select  name="stato" class="form-control" id="stato_view">
                                <option>non gestito</option>
                                <option>in attesa di confronto</option>
                                <option>gestito</option>

                            </select>
                        </div>
                    </div>



                    <div class="clearfix"></div>
                </div>
                <div class="modal-footer">
                    
                    <button type="button" id="btn_elimina" class="btn btn-danger" >Elimina</button>
                    <button type="submit" class="btn btn-warning">Modifica</button>
                    <button type="button" class="btn btn-grey" data-dismiss="modal">Annulla</button>
                </div>

            </div>
        </div>
    </form>
</div>
        
@endsection      
@section('scripts')
@parent
<script>
$('#btn_elimina').on('click',function()
{
   $('#elimina_view').val('SI');
   $('#modifica_argomento').submit();
});



$('#tab_argomenti tbody').on('click', 'tr', function (e) {
   id=$(e.target).parent('tr').data('id');
      $.getJSON("/api/riunioni/argomento?id="+id, function( json ) {
          $('#argomento_id_view').val(json.id);
          $('#argomento_view').val(json.argomento);
          $('#possibile_soluzione_view').val(json.possibile_soluzione);
          $('#soluzione_view').val(json.soluzione);
          $('#stato_view').val(json.stato);
          $('#elimina_view').val('NO');
         
             $('#modalRiunioni_view').modal('show');
      });
   
});
 





$(document).ready(function(){

});
</script>
@endsection