@extends('template')

@section('content')
    <div class="page-content">
        <div class="container-fluid">
            <div class="page-content-inner">
                <div class="row">
                    <div class="col-md-12">
                        <div class="portlet light">
                            <div class="portlet body">
                                <div class="row">
                                    <div class="col-md-12">
                                        <span class="font-blue-madison title"><i class="fa fa-sort-numeric-asc"></i> Dids</span>
                                            <a href="{{ route('admin.dids.create') }}" class="right btn green-jungle popovers"  data-container="body" data-trigger="hover" data-placement="top" data-content="Cadastrar um novo Did"><i class="fa fa-plus-circle"></i> Novo Did</a>
                                        <hr>
                                    </div>
                                </div>
                                <div class="portlet box blue-madison">
                                    <div class="portlet-title">
                                        <div class="caption">
                                            <i class="icon-eye"></i>Filtros
                                        </div>
                                    </div>
                                    <div class="portlet-body">
                                        <div class="panel-group accordion">
                                            {!! Form::open(['route' => 'admin.dids', 'method' => 'get']) !!}
                                            <div class="form-group col-md-3">
                                                <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                    {!! Form::select('provider',$fornecedores, '',['class'=>'form-control']) !!}
                                                    {!! Form::label('', 'Fornecedor') !!}
                                                </div>
                                            </div>
                                            <div class="form-group col-md-3">
                                                <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                    {!! Form::text('number', '', ['class' => 'form-control', 'placeholder' => '', 'autocomplete' => 'off', 'id' => 'mask_phone']) !!}
                                                    {!! Form::label('', 'Numero:') !!}
                                                </div>
                                            </div>
                                            <div class="form-group col-md-3">
                                                    <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                        {!! Form::select('status',array_merge([''=>""],$status), '',['class'=>'form-control']) !!}
                                                        {!! Form::label('', 'Status') !!}
                                                    </div>
                                                </div>
                                           <div class="col-md-1 right">
                                                {!! Form::label('', ' ') !!}
                                                <button type="submit" name="relatorio" value='relatorio' class="btn blue-madison popovers"  data-container="body" data-trigger="hover" data-placement="top" data-content="Gerar Novo relatório com base nos filtros ao lado">
                                                    <i class="glyphicon glyphicon-search"></i> Filtrar
                                                </button>
                                            </div>
                                            <div class="col-md-1 right">
                                                {!! Form::label('', ' ') !!}
                                                <button type="submit" name="excel" value='excel' class="btn blue-madison popovers"  data-container="body" data-trigger="hover" data-placement="top" data-content="Gerar Novo relatório e exportar em Excel com base nos filtros ao lado">
                                                    <i class="fa fa-file-excel-o"></i> Excel
                                                </button>
                                            </div> 
                                            <br/><br/>
                                        </div>
                                        {!! Form::close() !!}
                                    </div>
                                </div>
                            </div>
                            <div class="portlet-body">
                                <table class="table table-striped table-hover table-light" id="table-dids">
                                    <thead>
                                        <tr class="uppercase bg-blue-madison">
                                            <th class="col-md-2 font-white orderby" onclick="orderby('provider','{{$order->act}}','{{$order->url}}');"><span class="{{$order->seta}}" /> Fornecedor</th>
                                            <th class="col-md-2 font-white orderby" onclick="orderby('number','{{$order->act}}','{{$order->url}}');"><span class="{{$order->seta}}" /> Telefone</th>
                                            <th class="col-md-2 font-white orderby" onclick="orderby('login','{{$order->act}}','{{$order->url}}');"><span class="{{$order->seta}}" /> Login</th>
                                            <th class="col-md-1 font-white orderby" onclick="orderby('senha','{{$order->act}}','{{$order->url}}');"><span class="{{$order->seta}}" /> Senha</th>
                                            @if(routeAcess('admin.dids.edit'))
                                                <th class="col-md-3 font-white orderby" onclick="orderby('number','{{$order->act}}','{{$order->url}}');"><span class="{{$order->seta}}" /> Status</th>
                                            @endif
                                            <th class="col-md-2 font-white orderby">Ações</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @if(!empty($dids))
                                            @foreach($dids as $did)
                                                <tr>
                                                    <td>{{ $did->name }}</td>
                                                    <td>{{ $did->ddd }} {{ $did->number }}</td>
                                                    <td>{{ $did->login }}</td>
                                                    <td>{{ $did->password }}</td>
                                                    @if(routeAcess('admin.dids.edit'))
                                                        <td>
                                                            <div class="row">
                                                                <div class="form-group col-md-8" >
                                                                    <select name="status" id="status" onchange="alterStatus({{ $did->id }},this.value);" class="form-control">
                                                                        <option value="disponivel" {{ $did->status == 'disponivel' ? 'selected' : ''}} >Disponível</option>
                                                                        <option value="reservado" {{ $did->status == 'reservado' ? 'selected' : ''}}>Reservado</option>
                                                                        <option value="em_uso" {{ $did->status == 'em_uso' ? 'selected' : ''}}>Em uso</option>
                                                                        <option value="inativo" {{ $did->status == 'inativo' ? 'selected' : ''}}>Inativo</option>
                                                                        <option value="quarentena" {{ $did->status == 'quarentena' ? 'selected' : ''}}>Quarentena</option>
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </td>
                                                    @endif
                                                    <td style="text-align:center;">
                                                        @if(routeAcess('admin.dids.edit'))
                                                            <a class='btn blue-madison popovers' data-container="body" data-trigger="hover" data-placement="top" data-content="Aqui você pode editar o registro" href="{{ route('admin.dids.edit', ['id' => $did->id]) }}" title="Editar">
                                                                <i class="fa fa-edit"></i>
                                                            </a>
                                                        @endif
                                                        @if(routeAcess('admin.dids.remove'))
                                                            <a  class="btn red popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Atenção! Essa ação exclui permanentemente esse registro e é um processo irreversível!!!" onclick="removeRegistro('remover-did/','{{ $did->id }}')"  title="Remover">
                                                                <i class="fa fa-times"></i>
                                                            </a>
                                                        @endif
                                                    </td>
                                                </tr>
                                            @endforeach
                                        @else
                                            <tr>
                                                <td colspan="7"><center><h4>Nenhum registro encontrado.</h4></center></td>
                                            </tr>
                                        @endif
                                    </tbody>
                                    <tfoot>
                                        <tr>
                                            <td colspan="8" align="center">
                                                {!! $paginacao !!}
                                            </td>
                                        </tr>
                                    </tfoot>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@stop()

@section('js-admin-did')
    <link href="{{ asset('/assets/global/css/components.min.css') }}" rel="stylesheet" id="style_components" type="text/css" />
    <script src="{{ asset('/assets/global/plugins/bootstrap/js/bootstrap.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('/assets/global/scripts/app.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('/assets/global/plugins/jquery.blockui.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('/assets/pages/scripts/ui-blockui.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('/assets/global/plugins/jquery-ui/jquery-ui.1.10.3.js') }}" type="text/javascript"></script> 
    <script src="{{ asset('assets/global/plugins/jquery-inputmask/jquery.inputmask.bundle.min.js') }}" type="text/javascript"></script>
 
    
    <script type="text/javascript">
        $(document).ready( function() {
            
            
        });
        $(function(){
            $("#mask_phone").inputmask({
                "mask": "99 9999-9999",
                placeholder: ""
            });
        });
        function alterStatus(id,val){
            console.log(id);
            $.ajax({
                type: "GET",
                url: '{{ route("admin.dids.alterar-status") }}',
                data: {didId: id,didStatus:val},
                success: function(data) {
                    swal({"title":"","text":"O status foi alterado com sucesso!","showConfirmButton":true,"type":"success"});
                }
            });
        }
    </script>
@stop()