@extends('layouts.backoffice')

@section('content')

<div class="row">

    
        <div class="col-md-12">
            <div class="nav-tabs-custom">
                <ul class="nav nav-tabs">
                    <li class="active"><a href="#tab_1" data-toggle="tab">Dados do locker</a></li>
                    <li><a href="#tab_2" data-toggle="tab">Gavetas</a></li>
                    <li><a href="#tab_3" data-toggle="tab">Parâmetros</a></li>
                    <li><a href="#tab_4" data-toggle="tab">Relatório</a></li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane active" id="tab_1">

                        <form action="/modulo/ponte/locker/salvar" method="post">
                            @csrf
                            <input type="hidden" name="locker[id]" value="{{ $lockerModel->id }}">
                            
                            <div class="form-horizontal">
                                <div class="box-body">
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">Status</label>
                                        <div class="col-sm-10">
                                            <input type="text" name="locker[status]" value="{{ $lockerModel->status }}"
                                                class="form-control" placeholder="Status">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">CSN</label>
                                        <div class="col-sm-10">
                                            <input type="text" name="locker[csn]" value="{{ $lockerModel->csn }}"
                                                class="form-control" placeholder="">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">Token</label>
                                        <div class="col-sm-10">
                                            <input type="text" name="locker[token]" value="{{ $lockerModel->token }}"
                                                class="form-control" placeholder="">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">Name</label>
                                        <div class="col-sm-10">
                                            <input type="text" name="locker[name]" value="{{ $lockerModel->name }}"
                                                class="form-control" placeholder="">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">LocationId</label>
                                        <div class="col-sm-10">
                                            <input type="text" name="locker[locationid]"
                                                value="{{ $lockerModel->locationid }}" class="form-control" placeholder="">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">BoxNum</label>
                                        <div class="col-sm-10">
                                            <input type="text" name="locker[boxnum]" value="{{ $lockerModel->boxnum }}"
                                                class="form-control" placeholder="">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">Type</label>
                                        <div class="col-sm-10">
                                            <input type="text" name="locker[type]" value="{{ $lockerModel->type }}"
                                                class="form-control" placeholder="">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">Hotline</label>
                                        <div class="col-sm-10">
                                            <input type="text" name="locker[hotline]" value="{{ $lockerModel->hotline }}"
                                                class="form-control" placeholder="">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">Email</label>
                                        <div class="col-sm-10">
                                            <input type="text" name="locker[email]" value="{{ $lockerModel->email }}"
                                                class="form-control" placeholder="">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">Domain</label>
                                        <div class="col-sm-10">
                                            <input type="text" name="locker[domain]" value="{{ $lockerModel->domain }}"
                                                class="form-control" placeholder="">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">Freetime</label>
                                        <div class="col-sm-10">
                                            <input type="text" name="locker[freetime]" value="{{ $lockerModel->freetime }}"
                                                class="form-control" placeholder="">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">Overdue</label>
                                        <div class="col-sm-10">
                                            <input type="text" name="locker[overdue]" value="{{ $lockerModel->overdue }}"
                                                class="form-control" placeholder="">
                                        </div>
                                    </div>
                                </div>
                                <div class="box-footer">
                                    <button type="submit" class="btn btn-success pull-right">Salvar alterações</button>
                                </div>
                            </div>

                         </form>

                    </div>
                    <div class="tab-pane" id="tab_2">
                        
                        <table class="table table-bordered">
                            <tbody>
                                <tr>
                                    <th>Número</th>
                                    <th>Gaveta</th>
                                    <th>Status</th>
                                    <th>Opções</th>
                                </tr>
                                @foreach($lockerModel->gavetas as $gavetaModel)
                                <tr>
                                    <td>{{ $gavetaModel->no }}</td>
                                    <td>{{ \App\Helpers\Utilidade::identificaGaveta($gavetaModel->norm)["gaveta"] }}</td>
                                    <td>{{ $gavetaModel->status }}</td>
                                    <td>
                                        <a href="/modulo/ponte/gaveta/editar/{{ $gavetaModel->id }}" class="btn btn-default btn-xs">Gavetas</a>
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>

                    </div>
                    <div class="tab-pane" id="tab_3">

                        <form action="/modulo/ponte/locker/salvar" method="post">
                            @csrf
                            <input type="hidden" name="locker[id]" value="{{ $lockerModel->id }}">

                            <div class="form-horizontal">
                                <div class="box-body">
                                    @foreach($parametros as $parametroModel)
                                    <div class="form-group">
                                        <label class="col-sm-3 control-label">{{ $parametroModel->parametro }}</label>
                                        <div class="col-sm-9">
                                            <input type="text" name="parametro[{{ $parametroModel->id }}]" class="form-control" value="@if(isset($parametroModel->valor)) {{ $parametroModel->valor }} @endif" placeholder="{{ $parametroModel->parametro }}">
                                        </div>
                                    </div>
                                    @endforeach
                                </div>
                                <div class="box-footer">
                                    <button type="submit" class="btn btn-success pull-right">Salvar parâmetros</button>
                                </div>
                            </div>

                        </form>

                    </div>
                    <div class="tab-pane" id="tab_4">

                        <form action="/modulo/ponte/locker/relatorio-uso/render-pdf" method="post">
                            @csrf
                            <input type="hidden" name="locker" value="{{ $lockerModel->id }}">

                            <div class="form-horizontal">
                                <div class="box-body">

                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">Data inicio</label>
                                        <div class="col-sm-10">
                                            <input type="text" name="data_inicio" class="form-control mascara-data">
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">Data Final</label>
                                        <div class="col-sm-10">
                                            <input type="text" name="data_final" class="form-control mascara-data">
                                        </div>
                                    </div>

                                </div>
                                <div class="box-footer">
                                    <button type="submit" class="btn btn-success pull-right">Emitir relatório</button>
                                </div>
                            </div>

                        </form>

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

</div>

@endsection

@section('scripts')
    <script>
        $(function () {
      
          //Date range picker
          $('#reservation').daterangepicker();

          //Date range as a button
          $('#daterange-btn').daterangepicker(
            {
              ranges   : {
                'Hoje' : [moment(), moment()],
                'Ontem' : [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
                'Últimos 7 dias' : [moment().subtract(6, 'days'), moment()],
                'Últimos 30 dias': [moment().subtract(29, 'days'), moment()],
                'Este mês' : [moment().startOf('month'), moment().endOf('month')],
                'Ultimo mês' : [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
              },
              startDate: moment().subtract(29, 'days'),
              endDate  : moment()
            }
          )
      
         
        })
    </script>
@endsection