@extends('layouts.app')

@php $user = auth()->user(); @endphp
@section('content')

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

             @if($errors->any())
                @foreach($errors->all() as $error)
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                  <strong>{{$errors}}
                  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                  </button>
                </div>
                @endforeach
             @endif 
            </div>
          </div>
        </div>
      </div>
    </div>
    <section class="content">
      <div class="row">
      <div class="col-md-12">
      <div class="card">       
        <div class="card-body">
          <div class="table-responsive">
            <table class="table-hover table-bordered table" id="bonus-info">
              <thead>
                <tr>
                        <th>Serviciu</th>
                        <th>Ultimul Index</th>
                        <th>Ultima Inregistrare</th>
                        <th>Consum</th>
                        <th>Noul Index</th>
                       
                </tr>
              </thead>
              <tbody>
            @foreach($services as $service)
                @php
                    

                    $last_index =\App\Models\Utility::where('branch_id',$user->branch_id)->where('status',1)->where('service_id',$service->id)->first();

                    $created_at = NULL;

                    $consum=0;
               
                @endphp
               <tr>
                    <td>{{$service->name}}</td>
                    @if($last_index)
                    @php $created_at=\Carbon\Carbon::parse($last_index->created_at)->format('Y-m-d'); $consum=$last_index->consum; @endphp
                    <td id="old_index{{$service->id}}" data-id="{{$last_index->index}}">{{$last_index->index}}</td>
                    <td>{{\Carbon\Carbon::parse($last_index->created_at)->format('d-m-Y')}}</td>
                    @else 
                    <td>0</td>
                    <td>Lipsa de index</td>
                    @endif   
                    <td>{{$consum}}</td>
                    <td>
                     
                        @csrf
                        @if($created_at !== date('Y-m-d'))
                        <div class="row">
                          <div class="col-md-10">
     
                            <input type="number" min="0" oninput="validity.valid||(value='0');"  name="index"  id="index{{$service->id}}" class="form-control"  placeholder="Introduceti noul index..">
                         
                            
                          </div>
                          <div class="col-md-2">
                       
                       
                            <button type="button" service-name="{{$service->name}}" data-id="{{$service->id}}" data-toggle="modal" id="verify" data-target="#warning-modal{{$service->id}}" class="btn btn-info btn-sm"><i class="fa fa-check"></i></button>
                        
                   
                         
                          </div>
                        </div>
                        @else
                        <button class="btn btn-danger">Index Inregistrat</button>
                        @endif
                       
                    </td>
               </tr>

               <!--Warning modal -->
               <div class="modal" tabindex="-1" id="warning-modal{{$service->id}}" role="dialog">
                <div class="modal-dialog" role="document">
                  <div class="modal-content">
                    <div class="modal-header">
                      <h5 class="modal-title text-danger" >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 index-invalid" ></p>
                      <form action="{{route('store-index',$service->id)}}" method="post" id="store-index-form{{$service->id}}">
                        @csrf
                        <div class="row">
                          <div class="col-md-12">
     
                            <input type="number" min="0" oninput="validity.valid||(value='0');"  name="index"  id="index_input{{$service->id}}" class="form-control" placeholder="Introduceti noul index..">
                         
                            
                          </div>
                         
                        </div>
                      </form>
                    </div>
                    <div class="modal-footer">
                      <button type="submit" form="store-index-form{{$service->id}}" class="btn btn-success save"><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 warning modal -->
            @endforeach
              </tbody>
            </table>
          </div>
        </div>
      </div>
      </div>
      </div>
    </section>
    @if($user->myRole)
    <section class="content">
        <div class="row">
        <div class="col-md-12">
        <div class="card">
          <div class="card-header">
            <h4 class="ml-2">Formular Adaugare:</h4>
          </div>
          <div class="card-body">
            <form action="{{route('store-utility')}}" method="post">

                @csrf 
                <div class="row">
                    <div class="col-md-6">
                        <label for="">Denumire Servici</label>
                        <input type="text" name="name" class="form-control" required autofocus>
                    </div>
                    <div class="col-md-6">
                        <label for="">Status</label>
                        <select name="status" id="" class="form-control">
                            <option value="1" selected>Activ</option>
                            <option value="0">Suspendat</option>
                        </select>
                    </div>
                    <div class="col-md-4">
                        <button type="submit" class="btn btn-success form-control"><i class="fa fa-check"></i> Salveaza</button>
                    </div>
                </div>
            
            </form>
            </div>
          </div>
        </div>
        </div>
        </div>
      </section>
    </div>
    @endif
    <!--Warning modal -->
    

    <!--End of warning modal -->
@endsection
@push('scripts')
      <script>
        $(document).on('click','#verify',function(){    
                 
            var service_name = $(this).attr('service-name');

            var service_id = $(this).attr('data-id');

            var index_value = Number($('#index'+service_id+'').val());
           
            var old_index = Number($('#old_index'+service_id+'').attr('data-id'));

          
          
            if(old_index > index_value)
            {      
              $('.save').attr('style','display:none');
              $('.index-invalid').html('Valoare de index nou trebuie sa fie mai mare sau egala cu indexul vechi pentru serviciul de '+service_name+' ');
           
            } 
            if(old_index==index_value)
            {
              $('.save').removeAttr('style');
              $('.index-invalid').html('Verificati cu atentie valoare de index pe care ati introdus pentru servicul '+service_name+' ');
            }
            if(index_value == '')
            {
                $('#warning-modal'+service_id+'').modal('hide');
             
            }
            if(!old_index)
            {
              $('.save').removeAttr('style');
              $('.index-invalid').html('Verificati cu atentie valoare de index pe care ati introdus pentru serviciul de '+service_name+' ');
            }
            if(old_index < index_value)
            {
              $('.save').removeAttr('style');
              $('.index-invalid').html('Verificati cu atentie valoare de index pe care ati introdus pentru serviciul de '+service_name+' ');
            }
                     
            $('#index_input'+service_id+'').attr('value',''+index_value+'');
            $('.service-name').html(service_name)
        });
      </script>
@endpush