@extends('layouts.app')

@section('content')


<div class="pagetitle">
    <h1>Timpul de reactie</h1>
    <nav>
      <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{route('home')}}">Acasa</a></li>
        <li class="breadcrumb-item">Setari Pe Agentie</li>
        <li class="breadcrumb-item active">Securitate</li>
      </ol>
    </nav>
  </div><!-- End Page Title -->
  @if(session('success'))
  <div class="alert alert-success  alert-dismissible fade show" role="alert">
    <h4 class="alert-heading">Succes !!!</h4>
    <p>{{session('success')}}</p>
    <hr>
    <p class="mb-0"></p>
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
  </div>
  @endif 

  @if(session('error'))
  <div class="alert alert-danger  alert-dismissible fade show" role="alert">
    <h4 class="alert-heading">Erorare !!!</h4>
    <p>{{session('error')}}</p>
    <hr>
    <p class="mb-0"></p>
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
  </div>

  @endif 

  @if($errors->any())
    @foreach($errros->all() as $error)
    <div class="alert alert-danger  alert-dismissible fade show" role="alert">
      <h4 class="alert-heading">Erorare !!!</h4>
      <p>{{$error}}</p>
      <hr>
      <p class="mb-0"></p>
      <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>
    @endforeach
  @endif 
  <section class="section">
    <div class="row">
      <div class="col-lg-6">

        <div class="card">
          <div class="card-body">
            <h5 class="card-title">Lista cu setari</h5>
            <table class="table table-stripped table-hover datatable">
                <thead>
                        <tr>
                                <td>Agentie</td>
                                <td>Timpul in (Minute)</td>
                                <td>Optiuni</td>
                        </tr>

                </thead>
                <tbody>
                    @foreach($times as $time)
                    @if($time->myBranch)
                        <tr>
                            <td>{{$time->myBranch->name}} {{$time->branch_id}}</td>
                            <td>{{round($time->reaction_time)}}</td>
                            <td>
                                <button class="btn btn-warning btn-sm" data-bs-toggle="modal" data-bs-target="#edit-modal{{$time->id}}"><i class="bi bi-pencil"></i></button>
                            </td>
                        </tr>

                    <!--Update modal -->
                    <div class="modal fade" id="edit-modal{{$time->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> {{$time->myBranch->name}} {{$time->myBranch->branch}}</h5>
                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                          </div>
                          <div class="modal-body">
                           <form action="{{route('update-setting',$time->id)}}" method="post" id="update-time-form{{$time->id}}">
                            @csrf 
                            @method('PUT')
                            <label for="">Unitate Masura</label>
                            <select name="measure_unity" id="measure" data-id="{{$time->id}}" class="form-control">
                              <option value="">Alegeti Optiune</option>                      
                              <option value="2" selected>Minute</option>
                            </select>
                            <input type="hidden" name="" id="seconds{{$time->id}}" value="{{$time->reaction_time}}" class="form-control">
                            <label for="">Timpul de reactie</label>
                            <input type="number" name="reaction_time" value="{{$time->reaction_time}}" id="time{{$time->id}}"  min="1" oninput="vlaidity.valid||(value='1');"class="form-control">
                          </form>
                          </div>
                          <div class="modal-footer">
                            <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Inchide</button>
                            <button type="submit" form="update-time-form{{$time->id}}" class="btn btn-warning"><i class="bi bi-check"></i> Salveaza</button>
                          </div>
                        </div>
                      </div>
                    </div>
                    <!--End of update modal -->
                    @endif
                    @endforeach
                </tbody>
            </table>
          </div>
        </div>

      </div>

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

        <div class="card">
          <div class="card-body">
            <h5 class="card-title">Formular Adaugare</h5>
           <form action="{{route('store-setting')}}" method="post">
            @csrf            
            <label for="">Unitate de masura <span class="text-danger">*</span></label>
            <select name="measure_unity" id="" class="form-control">              
                <option value="2"selected>Minute</option>
            </select>
            <label for="">Agentie</label>
            <select name="branch_id" id="" class="form-control">
              <option value="">Alegeti Agentie</option>
              @foreach($branches as $branch)
                <option value="{{$branch->branch}}">{{$branch->name}} {{$branch->branch}}</option>
              @endforeach
            </select>
            <label for="">Timpul <span class="text-danger">*</span></label>
            <input type="number" min="1" oninput="vaildity.valid||(value='1');" id="time"  name="reaction_time" id="" class="form-control" required>
            <div class="row">
                <div class="col-md-6">
                    <button class="btn btn-success form-control mt-3"><i class="bi bi-check"></i> Salveaza</button>
                </div>
                <div class="col-md-6">
                    <button type="button" class="btn btn-info form-control mt-3"><i class="bi bi-upload"></i> Inporta Excel</button>
                </div>
            </div>
           </form>
          </div>
        </div>

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


@endsection

@push('js')
<script src="https://code.jquery.com/jquery-3.6.3.js" integrity="sha256-nQLuAZGRRcILA+6dMBOvcRh5Pe310sBpanc6+QBmyVM=" crossorigin="anonymous"></script>
<script>
  $(document).on('change','#measure',function(){

      var measure = $(this).val();
      
      var identity = $(this).attr('data-id');

      if(measure==2)
      {
         var current = Number($('#time'+identity+'').val()/60);
         $('#time'+identity+'').attr('value',current);
      }
      else if(measure==1)
      {
          var current_data = $('#seconds'+identity+'').val();
          $('#time'+identity+'').attr('value',current_data);
      }
      else 
      {
          var current_data = $('#seconds'+identity+'').val();
          $('#time'+identity+'').attr('value',current_data);
      }

     
      
      
      
  });
</script>

@endpush