@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">

            @if(session('success'))
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                <strong>Succes!</strong> {{session('success')}}
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                </button>
              </div>
            @endif 

            @if(session('error'))
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                <strong>Eroare!</strong> {{session('error')}}
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                </button>
              </div>
            @endif
          <div class="card">
            <div class="card-header">
              <h3 class="text-center">INDEX UTILITATII AGENTIE: {{$user->branch_id}} {{$branch_name}}</h3>
            </div>
            <div class="card-body">
            
            </div>
          </div>
        </div>
      </div>
    </div>
    <section class="content">
      <div class="row">
      <div class="col-md-12">
      <div class="card">
        <div class="card-header">
          <h4 class="ml-2">SERVICII: {{$service->name}} <a href="{{route('utilities')}}">Inapoi</a></h4>
        </div>
        <div class="card-body">
          <div class="table-responsive">
            <table class="table-hover table-bordered table" id="bonus-info">
              <thead>
                <tr>
                    <th>Denumire Servici</th>
                    <th>Ultimul Index</th>
                    <th>Consum</th>
                    <th>Inregistrat la</th>
                    <th>Inregistrat  de</th>
                       
                </tr>
              </thead>
              <tbody>
            @if($utilities)
            @php 
                        $status = 'Suspendat';
                        if($utilities->status)
                        {
                            $status = 'Activ';
                        }
            @endphp
               <tr>
                    <td>{{$service->name}}</td>
                    <td>{{$utilities->index}}</td>
                    <td>{{$utilities->consum}}</td>
                    <td>{{\Carbon\Carbon::parse($utilities->created_at)->format('d-m-Y')}}</td>
                    @if(!is_null($created_by))
                    <td>{{$created_by->username}}</td>
                    @else 
                        <td>{{$created->by}}</td>
                    @endif 
                   
                    </tr>
           @endif
              </tbody>
            </table>
          </div>
        </div>
      </div>
      </div>
      </div>
    </section>
    @if(!$user->myRole)
    @if(date('Y-m-d') !== $registered_at)
    <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-index',$service->id)}}" method="post" id="index-form">

                @csrf 
                <div class="row">
                  
                 
                    <div class="col-md-6">
                        <label for="">Data inregistrari</label>
                        <input type="date"  disabled value="{{date('Y-m-d')}}" class="form-control">
                    </div>
                 
                    <div class="col-md-6">
                        <label for="">Valoare Index Nou</label>
                        <input type="number" min="0" oninput="validity.valid||(value='0');" name="index" id="index" class="form-control">
                    </div>
                  
                    <div class="col-md-12"></div>

                    <div class="col-md-4">
                        <button type="button" data-toggle="modal" id="verify" data-target="#warning-modal" class="btn btn-success form-control"><i class="fa fa-check"></i> Salveaza</button>
                    </div>
                </div>
            
            </form>
            </div>
          </div>
        </div>
        </div>
        </div>
      </section>
    </div>
    @else 
    <section class="content">
        <div class="row">
        <div class="col-md-12">
        <div class="card">
          <div class="card-header">
            <h4 class="ml-2">ATENTIE:</h4>
          </div>
          <div class="card-body">
            <p>Pentru ziua de astazi avem inregistrata valoare de index de servici {{$service->name}}. Multumim!!!!</p>       
         </div>
          </div>
        </div>
        </div>
        </div>
      </section>
    </div>
    @endif
    @endif


    <!--Warning modal -->
    <div class="modal" tabindex="-1" id="warning-modal" 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">Verificati cu atentie valoare de index pe care ati introdus pentru servicii {{$service->name}}.</p>

              <p class="index">
                <label for="">Indexul introdus</label>
                <input type="text" id="index_input" disabled class="form-control">
              </p>
            </div>
            <div class="modal-footer">
              <button type="submit" form="index-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 warning modal -->
@endsection
@push('scripts')
      <script>
        $(document).on('click','#verify',function(){
            var index_value = $('#index').val();
            $('#index_input').attr('value',''+index_value+'');
        })
      </script>
@endpush