@extends('layout.padrao')
@section('content')
@section('title', 'Sistema de Chamados - Visualizar')

  @if($errors->any())
    <div class="alert alert-danger">
    @foreach($errors->all() as $error)
        {{ $error }} <br>
    @endforeach
    </div>
  @endif

  @include('cards.abertura.style')

  <div class="col logoLineTitle">
      <img src="{!! asset('/image/csa_Logo150x143.png') !!}" alt="logoChamados CSA" class="height-78">
  </div>

  <span class="sep-line5"></span>
  {{ Form::open(array('method' => 'post', 'enctype'=>'multipart/form-data', 'route'=> 'storeCard' , 'id'=>'card_create')) }}
    {{ csrf_field() }}
    <div class="row folha-interna shadow col-lg-12 col-sm-12 col-md-12 p-3 mb-5 rounded folhaForm">
      <div class="row folha-interna folha-branca-soft shadow col-lg-12 col-sm-12 col-md-12 p-3 mb-5 rounded">
        <div class="col-12">
          <div class="row margin-top-30">                   
            <div class="col-xl-3 col-lg-3 col-sm-12 col-md-12 col-xs-12">
              {!! Form::label('card_status_id', 'Status', [ 'class' => 'w-100']) !!}
              {!! Form::select('card_status_id', $select['status'], $registersShow[0]->card_status_id, ['class' => 'card_status_id form-control ', 'readonly']) !!} 
            </div>
            <div class="col-xl-3 col-lg-3 col-sm-12 col-md-12 col-xs-12">
              {!! Form::label('it_user_resposible', 'IT User Responsible', [ 'class' => 'w-100 ']) !!}
              {!! Form::text('it_user_resposible',$registersShow[0]->listUserResponsible->nome ?? null, ['class' => 'form-control', 'readonly']) !!}
            </div>
            
            <div class="col-xl-6 col-lg-6 col-sm-12 col-md-12 col-xs-12 margin-top-15">
              <table class="table table-responsive-sm bordered">
                <thead>
                  <tr>
                    <th class="text-center colorFontTable borderRightBlue borderBottomBlue leftTh">
                      <label for="multipleCardEvents">Data de </br> Abertura</label>
                    </th>
                    <th class="text-center colorFontTable borderRightBlue borderBottomBlue centerTh">
                      <label for="multipleCardEvents">Data de </br> Recebimento</label>
                    </th>
                    <th class="text-center colorFontTable borderBottomBlue rightTh">
                      <label for="multipleCardEvents">Data de </br> Encerramento</label>
                    </th>
                  </tr>
                </thead>
                <tbody>
                  <tr class="text-center">
                    <td scope="row" class="bg-white borderRightBlue">
                      @if(!empty($registersShow[0]))
                        {!! Form::text('opening_date', $registersShow[0]->opening_date, ['class' => 'form-control', 'readonly', 'id' => 'openingDate']) !!}
                      @else
                        <input type="text" name="openingDate" id="openingDate" class="form-control" readonly></input> 
                      @endif
                    </td>
                    <td class="bg-white borderRightBlue">
                      @if(!empty($registersShow[0]))
                        {!! Form::text('receipt_date', date('d-m-Y H:i:s', strtotime($registersShow[0]->receipt_date)), ['class' => 'form-control', 'readonly', 'id' => 'openingDate']) !!}
                      @else
                        <input type="text" name="receiptDate" id="receiptDate" class="form-control" readonly></input>
                      @endif
                    </td>
                      <td class="bg-white">
                      @if(!empty($registersShow[0]))
                        {!! Form::text('closing_date', $registersShow[0]->closing_date, ['class' => 'form-control', 'readonly', 'id' => 'openingDate']) !!}
                      @else
                        <input type="text"name="closingDate" id="closingDate" class="form-control" readonly></input>
                      @endif
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
            <div class="w-100"></div>
            <div class="col-xl-6 col-lg-6 col-sm-12 col-md-12 col-xs-12 campoPriority">
              {!! Form::label('card_events[]', 'Priority Level', [ 'class' => 'w-100 ']) !!}
              {{-- descomentar esse codigo abaixo ao montar o back!!! --}}
              {{-- <img src="/image/chamadosPriority/{{$priority_level}}.png" /> --}}
               {{-- e remover a linha abaixo!!! --}}
              <img src="/image/chamadosPriority/p1.png" />
            </div>

            <div class="w-100 margin-top-15"></div>
          </div>           
        </div>
        <div class="sep-line3"></div>
        <div class="w-100"></div>
        <div class="col-xl-6 col-lg-6 col-sm-12 col-md-12 col-xs-12">
          <div class="row margin-top-15">
            <div class="col-xl-6 col-lg-6 col-sm-12 col-md-12 col-xs-12 {{ $errors->has('card_types_id')? 'has-error':''}}">
              {!! Form::label('card_types_id', 'Card Type', [ 'class' => 'w-100 ']) !!}
              {!! Form::select('card_types_id', $select['type'], $registersShow[0]->card_types_id, ['class' => 'card_types_id form-control', 'readonly']) !!}          
            </div>
            <div class="col-xl-6 col-lg-6 col-sm-12 col-md-12 col-xs-12">
              {!! Form::label('departament_id', 'Departamento', [ 'class' => 'w-100 ']) !!}
              {!! Form::select('departament_id', $select['departamentos'], $registersShow[0]->listOpeningUser->departamento, ['class' => 'departament_id form-control', 'readonly']) !!} 
            </div>
          </div>

          <div class="w-100"></div> 

          <div class="row otherLineForm">  

            <div class="col-xl-6 col-lg-6 col-sm-12 col-md-12 col-xs-12 margin-top-7">
              {!! Form::label('card_events[]', 'Card Events', [ 'class' => 'w-100 ']) !!}
              {!! Form::select('card_events[]', $select['cardEvents'], $allEventId, ['class' => 'cardEvents form-control', 'multiple'=>'multiple','readonly']) !!} 
            </div>

            <div class="col-xl-6 col-lg-6 col-sm-12 col-md-12 col-xs-12 margin-top-7 {{ $errors->has('routine_description')? 'has-error':''}}">
              {!! Form::label('routine_description', 'Rotina usada', [ 'class' => 'w-100 ']) !!}
              {!! Form::text('routine_description', $registersShow[0]->routine_description, ['class' => 'form-control margin-bottom-15 routine_description', 'readonly']) !!}
            </div>
          </div>

          <div class="w-100"></div>
          <div class="row margin-top-15 otherLineForm">
            <div class="col-xl-6 col-lg-6 col-sm-12 col-md-12 col-xs-12">
              {!! Form::label('issue_summary', 'Assunto', [ 'class' => 'w-100 ']) !!}
              {!! Form::text('issue_summary', $registersShow[0]->issue_summary, ['class' => 'issue_summary form-control margin-bottom-15 mr-sm-2', 'readonly']) !!}
            </div>
            <div class="col-xl-6 col-lg-6 col-sm-12 col-md-12 col-xs-12 {{ $errors->has('url')? 'has-error':''}}">
              {!! Form::label('url', 'Link - URL', [ 'class' => 'w-100 ']) !!}
              {!! Form::text('url', $registersShow[0]->url, ['class' => 'form-control margin-bottom-15 mr-sm-2']) !!}
            </div>
          </div>

          <div class="w-100"></div>
            <div class="row margin-top-15 otherLineForm">
              <div class="col-xl-12 col-lg-12 col-sm-12 col-md-12 col-xs-12">
                {!! Form::label('issue_details', 'Descrição', [ 'class' => 'w-100 ']) !!}
                {!! Form::textarea('issue_details', $registersShow[0]->issue_details, ['class' => 'issue_details form-control mr-sm-2 textsAreaSuper margin-bottom-15', 'rows' => '10', 'cols' => '30', 'style' =>'height:180px; min-height: 180px;', 'readonly']) !!}
              </div>
            </div>
              <div class="w-100"></div>
              <div class="col otherLineForm margin-bottom-20">
                <div class="col-xl-12 col-lg-12 col-sm-12 col-md-12 col-xs-12"></div>
              </div>
          </div>

          <div class="col-xl-6 col-lg-6 col-sm-12 col-md-12 col-xs-12">
            <div class="row">
              <div class="col-xl-12 col-lg-12 col-sm-12 col-md-12 col-xs-12 mb-5">
                <div class="folha-branca-contorno-azul-claro rounded padding-15">
                  {!! Form::label('booking', 'Booking', [ 'class' => 'w-100 ']) !!}
                  {!! Form::text('booking', $registersShow[0]->booking, ['class' => 'booking form-control margin-bottom-30 mr-sm-2', 'readonly']) !!}

                  {!! Form::label('contract_reference', 'Contract Ref.', [ 'class' => 'w-100 ']) !!}
                  {!! Form::text('contract_reference', $registersShow[0]->contract_reference, ['class' => 'contract_reference form-control margin-bottom-30 mr-sm-2', 'readonly']) !!}

                  {!! Form::label('cargooReference', 'Cargoo Ref.', [ 'class' => 'w-100 ']) !!}
                  {!! Form::text('cargooReference', $registersShow[0]->cargooReference, ['class' => 'cargooReference form-control margin-bottom-30 mr-sm-2', 'readonly']) !!}
                </div>        
              </div>

              <div class="w-100"></div>

              <div class="col-xl-12 col-lg-12 col-sm-12 col-md-12 col-xs-12">
                {!! Form::label('closing_description', 'Observações Finais', [ 'class' => 'w-100 ']) !!}
                {!! Form::textarea('closing_description', $registersShow[0]->closing_description, ['readonly', 'class' => 'closing_description form-control mr-sm-2 textsAreaSuper margin-bottom-15', 'rows' => '10', 'cols' => '30', 'style' => 'height: 105px; min-height: 105px; max-height: 275px']) !!}
              </div>
            </div>
          </div>
        </div>

        <!-- Attachment -->
        
        <div class="col">
          <div class="col">
            <h4>Attachment</h4>
          </div>
        </div>

        <div class="col col-lg-12 col-sm-12 col-md-12 mb-12 " >
          <span class='sep-line align-items-center'></span>
          @if($attachments)
            <div class="col col-lg-12 col-sm-12 col-md-12 ">          
              <div class="wrapper">
                <div class="table-responsive tableMenor">
                    <table class="table table-striped table-sm">
                      <thead>
                        <tr>
                          <th class="text-center">Actions</th>
                          <th>Attachment Name</th>
                          <th>Attachment Insert Date</th>
                        </tr>
                      </thead>
                      <tbody>                                
                        @foreach($attachments as $item)
                          <tr>
                          <td class="text-center">
                            @can('internalRoutine', App\Usuario::class)
                              @can('delete', App\Usuario::class)
                                <a class="icone-padding" data-catid={{$item->id}} data-toggle="modal" data-target="#delete" data-toggle="tooltip" data-placement="top" title="Delete">
                                  <i class="fas fa-trash-alt" style="color:black"></i>
                                </a>
                              @endcan
                            @endcan
                            </td>  
                            <td><a href="{{ asset("storage/".$item->path .'/' . $item->name) }}"  download="{{$item->name}}">{{$item->name}}</a></td>                                                                                     
                            <td>{{isset($item->created_at) ?  date( 'd/m/Y h:i:s' , strtotime($item->created_at)) : '-'}}</td> 
                          </tr>
                        @endforeach
                      </tbody>
                    </table>
                  </div>
                </div>
            </div>
            <span class='sep-line align-items-center'></span>
            @include('bibliotecas.floattheadOverflow')
        @endif
    </div>

        <div class="col-lg-12 col-md-12 col-sm-12 form-group text-right margin-top-20">
          <a type="button" href="/cards/" class="btn btn-style btnForm">Return</a>
          <button type="reset" name="resetBtn" class="btn btn-style btnForm" value="reset">Cancel</button>
        </div>
      </div>
    </div>
  </form>

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script src='https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js'></script>
  <script src="{{asset ('js/jquery.inputmask.js')}}"></script> 
  <script>
    @if (!Auth::user()->checkCharacteristics(['1', '2']))
      $(':input').attr('readonly','readonly');
      $(':input').attr('disabled','disabled');
    @endif
    $(function(){
      relogio();
      $('.cardEvents, .user_resposible, .card_types_id, .departament_id').select2();
    });
    setInterval('relogio()', 1000);

    function relogio(){
      var today   = new Date();
      var mes     = today.getMonth()+1;
      var horas   = today.getHours();
      var minutos = today.getMinutes();

      var date = (today.getDate() < 10 ? '0'+today.getDate() : today.getDate()) + '-' + (mes < 10 ? '0'+mes : mes) + '-' + today.getFullYear();
      var time = (horas < 10 ? '0'+horas : horas) + ":" + (minutos < 10 ? '0'+minutos : minutos);
      var dateTime = date + ' ' + time;
      $("#openingDate").val(dateTime);
    }

  </script>

  @extends('cards.style')
  @yield('attach_edit_list')
@endsection