@extends('layout')
@section('metatitle', $metatitle )
@section('metadescription', $metatitle )
@section('metakeywords', $metatitle )


@section('content')
    @include('layouts._slider',array('slug' => 'contul-meu', 'title' => $metatitle))
    <div class="container">
        @include('layouts._flash')
    </div>

    <!-- Sub Banner end -->
    <div class="spacer">
    </div>

    <!-- My profile start -->
    <div class="content-area my-profile">
        <div class="container">

            <div class="row">
                <div class="col-lg-3 col-md-3 col-sm-12">
                    @include('auth._menu')
                </div>
                <div class="col-lg-9 col-md-9 col-sm-12">
                    <h4>
                        <span class="heading-icon"><i class="fa fa-th-large"></i></span>
                        <span class="hidden-xs">Istoric Plati</span>
                    </h4> 
                    <div class="spacer"></div>
				@if (Auth::user()->userrole->slug == 'hidden-info')
							<div class="alert alert-danger wow fadeInRight delay-03s animated" role="alert" style="visibility: visible; animation-name: fadeInRight; margin-top: 30px;">
							  <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
								<p> Zona interzisa </p>
								<h4>Nu aveti autorizare pentru a vizualiza aceste date.<br/>Pentru testare va rugam sa accesati optiunea "<a href="/status-cerere-racordare">Stadiu cerere de racordare</a>"</h4>
								<p></p>
							</div>
				@else
                    <!-- My address start-->
                    <div class="my-address">
                        <div class="spacer"></div>

                        <form method="POST" action="{{ url()->route( 'auth.istoricplati') }}" id="dateform">
                            {{ csrf_field() }}
                          <div class="row">
                            <div class="col-lg-6 col-md-4 col-sm-12">
                                <div class="form-group">
                                    <select id="aopip_selectie" name="aopip_selectie" class="input-text">
                                        <option value="-1">Interval predefinit</option>
                                        <option value="3luni">Ultimele 3 luni</option>
                                        <option value="6luni">Ultimele 6 luni</option>
                                        <option value="1an">Ultimul an</option>
                                        <option value="2ani">Ultimii 2 ani</option>
                                        <option value="3ani">Ultimii 3 ani</option>
                                    </select>
                                    <br/>
                                </div>
                            </div>
                          </div>
                          <div class="row">
                            <div class="col-lg-3 col-md-4 col-sm-12">
                                <div class="form-group">
                                    <input type="text" name="date_start" id="date_start" class="input-text"
                                           placeholder="Data Start"
                                           value="">
                                    <br/>

                                </div>
                            </div>
                            <div class="col-lg-3 col-md-4 col-sm-12">
                                <div class="form-group">
                                    <input type="text" name="date_end" id="date_end" class="input-text"
                                           placeholder="Data End"
                                           value="">
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-4 col-sm-12">

                                <div class="form-group">
                                    <button type="submit" class="button-md button-theme btn-block">Afiseaza</button>
                                </div>
                            </div>
                          </div>

                        </form>
                    </div>


                  @if( count($plati[0]) > 0 )
                    <!-- My address start-->
                    <div class="my-address">
                            <table class="table table-striped table-hover">

                                <tbody>
                                <tr>
                                    <td><b>Cod Client</b></td>
                                    <td><b>Data Inregistrare</b></td>
                                    <td><b>Suma</b></td>
                                </tr>
                                @foreach($plati[0] as $data)
                                    <tr>
                                        <td>{!! $data[0]['nr_client'] !!}</td>
                                        <td>{!! $data[0]['data_inreg'] !!}</td>
                                        <td style="text-align:right">{!! $data[0]['suma'] !!}</td>

                                    </tr>
                                @endforeach

                                </tbody>
                            </table>
                            <div class="dropdown">
                              <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <i class="fa fa-file-excel-o"></i>  Export date in format CSV
                              </button>
                              <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                <a class="dropdown-item" href="{{ url()->route( 'auth.downloadexcelplati', array('date_start' => $input['date_start'] , 'date_end' => $input['date_end'],'locale'=>'en') )}}" data-toggle="tooltip" title="poate fi deschis in Excel, avand setarile locale pt US">Export date in format CSV ( , / us ) </a>
                                <a class="dropdown-item" href="{{ url()->route( 'auth.downloadexcelplati', array('date_start' => $input['date_start'] , 'date_end' => $input['date_end'],'locale'=>'ro') )}}" data-toggle="tooltip" title="poate fi deschis in Excel, avand setarile locale pt RO">Export date in format CSV ( ; / ro )</a>
                              </div>
                            </div>

                    </div>
					@else
							  @isset($input['date_start'])
									<div class="alert alert-danger wow fadeInRight delay-03s" role="alert" style="visibility: visible; animation-name: fadeInRight;">
									  <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
									  <strong>Woops!</strong>  Nu s-au găsit date pentru perioada selectată. Verificati selectia.
									</div>
							  @endif
					@endif

				@endif <!-- nu este user cu rol hidden-info -->
                </div> <!-- col-lg-3 col-md-3 col-sm-12 -->
            </div> <!-- row -->


        </div>
    </div>
    <!-- My profile end -->





@endsection



@section('header')
    <link rel="stylesheet" type="text/css" id="style_sheet" href="{{ url('/') }}/js/jquery-ui/jquery-ui.min.css">
@endsection

@section('footer')
    <script src="{{ url('/') }}/js/jquery-ui/jquery-ui.min.js"></script>
    <script>
      $(document).ready(function(){
          $('[data-toggle="tooltip"]').tooltip();
      });
    </script>
    <script>
        $(function () {
            $("#date_start").datepicker({
                dateFormat: "yy-mm-dd",
            });
            $("#date_end").datepicker({
                dateFormat: "yy-mm-dd",
            });
        });
    </script>


    <script src="{{ url('/') }}/js/validation/dist/jquery.validate.min.js"></script>

    {{--PENTRU VALIDARE--}}
    <script>
        $('#aopip_selectie').on('change', function() {
            $('#date_end').val('2025-03-15');
            if($('#aopip_selectie').val() == '3luni')
                $('#date_start').val('2024-12-15');
            if($('#aopip_selectie').val() == '6luni')
                $('#date_start').val('2024-09-15');
            if($('#aopip_selectie').val() == '1an')
                $('#date_start').val('2024-03-15');
            if($('#aopip_selectie').val() == '2ani')
                $('#date_start').val('2023-03-15');
            if($('#aopip_selectie').val() == '3ani')
                $('#date_start').val('2022-03-15');
        });

        // validate signup form on keyup and submit
        $("#dateform").validate({
            rules: {
                date_start: {
                    required: true
                },
                date_end: {
                    required: true,
                    //greaterThan: "#date_start"
                }

            },
            errorElement: 'div',
            messages: {
                date_start: "Va rugam completati campul",
                date_end: "Va rugam completati campul",

            }
        });
    </script>

@endsection