@extends('layouts.app')
@php $user = auth()->user(); $uncompleted = DB::connection('sqlsrv1')->table('securitytests')->where('branch_id',$user->branch_id)->whereNull('test_response')->whereNull('response_time')->whereNull('appearance')->first();  @endphp
@section('content')

<div class="content-header">
    <div class="row">
      <div class="col-md-12">
        @if(session('error'))
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
           {{session('error')}}
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
        @endif

        @if(session('success'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
           {{session('success')}}
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
        @endif
        @if($uncompleted)
        <div class="alert alert-info" role="alert">
          <h4 class="alert-heading">ATENTIE!</h4>
          <p>Aveti un test inceput la ora {{$uncompleted->test_start}} va rugam sa l finalizati, un test inceput si ne finalizat nu se considera ca un test valid....</p>
          <hr>
          <p class="mb-0">Daca un test inceput nu este si finalizat pe acest modul nu se mai poate face teste noi.</p>
        </div>
        @endif 
        @if($errors->any())
            @foreach($errors->all() as $error)
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
              {{$error}}
               <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                 <span aria-hidden="true">&times;</span>
               </button>
             </div>
            @endforeach
        
        @endif 
       
        <div class="card col-md-9 mt-3" style="margin:auto;">
              <div class="card-header">
                <h3 class="text-center">TEST SECURITATE {{date('Y-m-d')}}</h3>
              </div>
              <div class="card-body">
                <form @if($uncompleted) action="{{route('finalize-test',$uncompleted->id)}}" @else action="{{route('store-test')}}" @endif method="post" id="test-module-form" enctype="multipart/form-data">
                @csrf 
                @if($uncompleted)
                    @method('PUT')
                @endif
                <div class="row">
                  <div class="col-md-4">
                    <label for="">Data Testare</label>
                    <input type="date"  name="test_date" id="test-date" @if($uncompleted) value="{{\Carbon\Carbon::parse($uncompleted->control_date)->format('Y-m-d')}}" @else  value="{{date('Y-m-d')}}" @endif min="{{date('Y-m-01')}}" max="{{date('Y-m-d')}}"  style="text-align:right" class="form-control" required>
                </div>
                    
                 
                    <div class="col-md-4">
                        <label for="">Ora Declansare</label>
                        <input type="time" name="test_start" id="test-start-hour" @if($uncompleted) value="{{$uncompleted->test_start}}" @else value="{{date('H:i')}}" @endif  id="test-start" class="form-control" required>
                    </div>
                    <div class="col-md-4">
                  
                      <label for="">Declansator</label>
              <select name="device_id" id="device-id" class="form-control"  oninvalid="this.setCustomValidity('Va rugam sa alegeti declansatorul...')"
              oninput="this.setCustomValidity('')" required>
                  <option value="">Alege Declansator</option>
                  
                  @foreach($devices as $device) 
                      <option id="device-select{{$device->id}}"   data-id="{{$device->name}}" value="{{$device->id}}" @if($uncompleted) @if($device->id==$uncompleted->device_id) selected @endif  @endif @if(old('device_id')==$device->id) selected @endif >{{$device->name}}</option>
                  @endforeach
              </select>
                  </div>
                    <div class="col-md-12">

                    </div>
                    <div class="col-md-3"></div>
                    <div class="col-md-6 text-center" style="font-size:40px;font-weight:600;">...</div>
                    <div class="col-md-3"></div>
                    <div class="col-md-12 mt-2 mb-2">

                    </div>
                    <div class="col-md-4">
                      <label for="" id="test-response-label">Ora Sosire</label>
                      <input type="time" name="test_response" id="test-response" @if(old('test_response')) value="{{old('test_response')}}" @endif  class="form-control">
                    </div>
                    <div class="col-md-4">
                      <label for="" class="mt-4"> <input type="checkbox" name="appearance" value="1" @if(old('appearance')) checked @endif   id="not_come"> Echipa nu a sosit </label>
                    </div>  
                    <div class="col-md-4">
                      <label for="">Proces verbal <span class="text-danger">*</span></label>
                      <input type="file" name="pv_doc" id="pv_doc" class="form-control">
                    </div>
                    <div class="col-md-12">
                        <textarea name="observations" id="obs" cols="30" rows="5" class="form-control"   oninvalid="this.setCustomValidity('In caz in care echipa nu a sosit acest camp este obligatoriu...')"
                        oninput="this.setCustomValidity('')" >{{old('observations')}}</textarea>
                    </div>

                    <div class="col-md-4 mt-3">
                        <button type="button" data-toggle="modal" data-target="#save-modal" id="save-button" class="btn btn-success form-control"><i class="fa fa-check"></i> Salveaza Test</button>
                    </div>
                </div>
                </form>
            </div>
        </div>
      </div>
    </div>
</div>
</div>
<!--Save modal -->

<div class="modal" tabindex="-1" role="dialog" id="save-modal">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title"><i class="fa fa-exclamation"></i> ATENTIE!!!!</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <p class="text-danger" id="trigger_p"></p>
        <p class="text-danger" id="test-set-date"></p>
        <p class="text-danger" id="test-hour"></p>
        <p class="text-danger" id="test-response-hour"></p>
        <p class="text-danger" id="pv_p"></p>
        <h6 class="text-danger">Observatii:</h6>
        <p class="text-danger" id="comment"></p>
        <p class="text-dark">Sunteti sigur/a ca valori introduse pentru test sunt cele corecte? Va rugam sa validati datele inainte sa salvati testul....</p>
      </div>
      <div class="modal-footer">
        <button type="submit" form="test-module-form" class="btn btn-success"><i class="fa fa-check"></i>Salveaza</button>
        <button type="button" class="btn btn-danger" data-dismiss="modal"><i class="fa fa-times"></i> Inchide</button>
      </div>
    </div>
  </div>
</div>
<!--End of save modal -->
@endsection
@php $time = date('H:i:s'); @endphp
@push('scripts')
<script>
$(document).ready(function(){
    var checked = $('#not_come').attr('checked');
    $('#not_come').attr('data-id',0);
    if(checked=='checked')
    {
      $('#test-response').attr('disabled','disabled');
      $('#test-response').removeAttr('value');
      $('#obs').attr('required','required');
      $('#not_come').addClass('is_comming');
      
    }
});


$(document).on('click','#not_come',function(){
  $('#not_come').addClass('is_comming');
  $('#test-response').attr('disabled','disabled');
  $('#test-response').addClass('d-none');
  $('#test-response-label').addClass('d-none');
  $('#obs').attr('required','required');
  $('#not_come').attr('data-id',1);
});
$(document).on('click','.is_comming',function(){
  $('#not_come').removeClass('is_comming');
  $('#test-response').removeAttr('disabled');
  $('#test-response').removeClass('d-none');
  $('#test-response-label').removeClass('d-none');
  $("#obs").removeAttr('required');
  $('#not_come').attr('data-id',0);
}); 

$(document).on('click','#save-button',function(){

  var test_date = $('#test-date').val();

  var hour = $('#test-start-hour').val();

  var response_hour = $('#test-response').val();

  var not_come = $('#not_come').attr('data-id');

  var comment = $('#obs').val();

  var trigger_id = $('#device-id').val();

  var trigger = $('#device-select'+trigger_id+'').attr('data-id');

  if(not_come==1)
  {
    $('#test-response-hour').html('Ora sosire: Echipa nu a sosit ');
  }
  else 
  {
    $('#test-response-hour').html('Ora sosire: '+response_hour+' ');
  }

  var doc = $('#pv_doc').val();  

  $('#test-hour').html('Ora Declansare : '+hour+' ');

  $('#test-set-date').html('Data Testare: '+test_date+' ');

  $('#pv_p').html('Proces verbal: '+doc+'');

  $('#comment').html(''+comment+'');

  $('#trigger_p').html('Declansator: '+trigger+'');
  

});



</script>
@endpush