@extends('layouts.dashboardnew')

@section('content')

@if(Auth::user()->rol_id == 0)
  @if($ticket->status == 0)
<div class="col-md-12 d-flex justify-content-end">
    <div class="col-md-3">
       <a class="btn btn-info text-white btn-block" href="{{ route('cerrar', $ticket->id) }}">Cerrar Ticket</a>
    </div>
</div>
  @endif
@endif

<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">

            <form method="post" action="{{ route('subir', $ticket->id) }}" enctype="multipart/form-data">
                {{ csrf_field() }}
                
                <div class="col-sm-12">
                    <label class="control-label">Comentario</label>
                        <textarea name="comentario" class="form-control summernote" required></textarea>
                </div>
                
                
                <div class="col-md-12">
                    <div class="form-group">
                       <div class="alert alert-info" role="alert">
                         <h6>formatos aceptados PNG,JPG,JPEG,PDF,DOCX,XLSX,CSV</h6>
                       </div>     
                   </div>
                
                  <div class="input-group mt-3 mb-3">
                    <div class="custom-file">
                      <input type="file" name="archivo" class="custom-file-input">
                      <label class="custom-file-label">Subir Archivo</label>
                    </div>
                  </div>    
                </div>
                
                <div class="d-flex justify-content-center">
                  <div class="col-sm-4">
                    <button class="btn btn-info btn-block" type="submit">Enviar</button>
                  </div>  
                </div>
            </form>

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


@foreach ($comentario as $comen)
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">

                    <div class="media">
                        
                         <img src="{{ asset('fondo/'.$comen->user->avatar) }}" class="align-self-start mr-3" alt="..." style="width: 150px; height: 150px; border-radius: 50%;">

                        <div class="media-body">
                          
                          <h5 class="mt-0">
                            {{$comen->user->display_name}}
                          </h5>
                          
                            <p>{!! $comen->comentario !!}</p>
                            <p>{{date('d-m-Y', strtotime($comen->created_at))}}</p>

                            @if($comen->archivo != null)
                            <p>
                                <a href="{{ asset('ticket/'.$comen->archivo) }}" download="{{$comen->archivo}}" class="btn btn-info"><i class="fa fa-cloud-download"></i></a>
                            </p>
                            @endif
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>                   
@endforeach  


<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">

                    <div class="media">
                       
                         <img src="{{ asset('fondo/'.$ticket->user->avatar) }}" class="align-self-start mr-3" alt="..." style="width: 150px; height: 150px; border-radius: 50%;">

                        <div class="media-body">

                          <h5 class="mt-0">
                            {{$ticket->user->display_name}}
                          </h5>
                          
                            <p>{!! $ticket->comentario !!}</p>
                            <p>{{date('d-m-Y', strtotime($ticket->created_at))}}</p>

                            @if($ticket->archivo != null)
                            <p>
                                <a href="{{ asset('ticket/'.$ticket->archivo) }}" download="{{$ticket->archivo}}" class="btn btn-info"><i class="fa fa-cloud-download"></i></a>
                            </p>
                            @endif
                        </div>
                    </div>

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

@endsection

@push('script')
<script>
  $(document).ready(function () {
    $('.summernote').summernote({
      toolbar: [
        ['style', ['style']],
          ['font', ['bold', 'underline', 'clear']],
          ['color', ['color']],
          ['para', ['ul', 'ol', 'paragraph']],
          ['table', ['table']],
          ['insert', ['link', 'video']],
          ['view', ['fullscreen', 'codeview']]
      ]
    });
  })
  
 </script>
@endpush