@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-newspaper-o"></i> Propostas Perdidas</span>
                                        <hr>
                                    </div> 
                                </div>
                            </div>
                            @if(isset($action))
                                <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">
                                            {!! Form::open(['route' => $action->route, 'method' => $action->method]) !!}
                                                <div class="row">
                                                    <div class="col-md-2">
                                                        <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 da Proposta:') !!}
                                                        </div>
                                                    </div>
                                                    
                                                    <div class="col-md-5">
                                                        <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                            <div class="input-group left-addon">
                                                                <span class="input-group-addon has-personalizado">
                                                                    <i class="fa fa-user"></i>
                                                                </span>
                                                                {!! Form::text('name', '', ['class' => 'form-control', 'placeholder' => '', 'autocomplete' => 'off']) !!}
                                                                {!! Form::label('', 'Nome do cliente') !!}
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-5">
                                                        <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                            <div class="input-group left-addon">
                                                                <span class="input-group-addon has-personalizado">
                                                                    <i class="fa fa-send"></i>
                                                                </span>
                                                                {!! Form::text('email', '', ['class' => 'form-control', 'placeholder' => '', 'autocomplete' => 'off']) !!}
                                                                {!! Form::label('', 'Email do cliente') !!}
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-md-3">
                                                        <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                            <div class="input-group left-addon">
                                                                <span class="input-group-addon has-personalizado">
                                                                    <i class="fa fa-sort-numeric-asc "></i>
                                                                </span>
                                                                {!! Form::text('cpf_cnpj', '', ['class' => 'form-control', 'placeholder' => '', 'autocomplete' => 'off']) !!}
                                                                {!! Form::label('', 'CPF/CNPJ do cliente') !!}
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2">
                                                         <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                            <div class="input-group left-addon">
                                                                <span class="input-group-addon has-personalizado">
                                                                    <i class="fa fa-sort-numeric-asc "></i>
                                                                </span>
                                                                {!! Form::text('id', '', ['class' => 'form-control', 'placeholder' => '', 'autocomplete' => 'off']) !!}
                                                                {!! Form::label('id', 'Nro. da Proposta') !!}
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2">
                                                        <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                            <div class="input-group left-addon">
                                                                <span class="input-group-addon has-personalizado">
                                                                    <i class="fa fa-calendar"></i>
                                                                </span>
                                                                {!! Form::text('data_ini', '', ['class' => 'form-control', 'placeholder' => '', 'autocomplete' => 'off', 'id' => 'data_ini']) !!}
                                                                {!! Form::label('', 'Data Inicial') !!}
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2">
                                                        <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                            <div class="input-group left-addon">
                                                                <span class="input-group-addon has-personalizado">
                                                                    <i class="fa fa-calendar"></i>
                                                                </span>
                                                                {!! Form::text('data_fim', '', ['class' => 'form-control',  'autocomplete' => 'off', 'id' => 'data_fim']) !!}
                                                                {!! Form::label('', 'Data Final') !!}
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-1">
                                                        {!! 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="Exibe propostas com base nos filtros ao lado">
                                                            <i class="glyphicon glyphicon-search"></i> Filtrar
                                                        </button>
                                                    </div>
                                                </div>
                                                {!! Form::hidden('periodo', 'u.created_at') !!}
                                            {!! Form::close() !!}
                                        </div>
                                    </div>
                                </div>
                            @endif
                            <div class="portlet-body">
                                <table class="table table-striped table-hover table-light" id="table">
                                    <thead>
                                        <tr class="uppercase bg-blue-madison">
                                            <th class="font-white">#</th>
                                            <th class="col-md-2 font-white">Referência</th>
                                            <th class="col-md-2 font-white">Cliente</th>
                                            <th class="col-md-4 font-white">Vendedor</th>
                                            <th class="col-md-1 font-white">Status</th>
                                            <th class="col-md-1 font-white">Data Proposta</th>
                                            <th class="col-md-1 font-white">Valor</th>
                                            <th class="col-md-2 font-white">Ações</th>
                                        </tr>
                                    </thead>
                                    <tbody> 
                                        @foreach($propostas as $proposta)                            
                                            <tr>
                                                <td>{{ $proposta->id }}</td>
                                                <td>{{ $proposta->name }}</td>
                                                <td>{{ $proposta->cliente }}</td>
                                                <td>
                                                    {!! Form::open(['route' => $associar->route, 'method' => $associar->method, 'id'=>'frm_associar']) !!}

                                                        <div class="col-md-12">
                                                            <div class="col-md-8"> 
                                                                {!! Form::hidden('proposta', $proposta->id) !!}
                                                                {!! Form::select('vendedor_id', $vendedores, '', ['id'=>'vendedor_id', 'class'=>'form-control select2','data-rule-min'=>'1' , 'data-msg-min'=>"Selecione um vendedor!"]) !!}
                                                            </div>
                                                            <div class="col-md-2">
                                                                <button type="submit" id='btn-salvar' name="status" value='Envio Pendente' class="btn green-jungle popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Associar">
                                                                    <i class=" fa fa-save" id="icone"></i> Associar
                                                                </button>
                                                            </div>
                                                        </div>
                                                    {!! Form::close() !!}
                                                </td>
                                                <td>{{$proposta->status}}</td>
                                                <td>{{ dateToBR($proposta->created_at) }}</td>
                                                <td>{{ financialPrice($proposta->total_geral) }}</td>
                                                <td style="text-align:left;">
                                                        <a class='btn btn-xs yellow-casablanca popovers' data-container="body" data-trigger="hover" data-placement="top" data-content="Baixar Minuta de Contrato" href="{{ route('admin.propostas.downloadcontrato', ['id' => $proposta->id]) }}">
                                                                <i class='fa fa-download'></i>
                                                         </a>

                                                        <a class='btn btn-xs purple-soft popovers' data-container="body" data-trigger="hover" data-placement="top" data-content="Baixar Proposta" href="{{ route('admin.propostas.download', ['id' => $proposta->id]) }}">
                                                            <i class='fa fa-download'></i>
                                                        </a>
                                                                                                    
                                                    @if($proposta->status != 'Venda Gerada' && $proposta->status != 'Ativação Pendente')
                                                        @if(routeAcess('admin.propostas.remover'))
                                                             <a class='btn btn-xs red popovers' data-container="body" data-trigger="hover" data-placement="top" data-content="Excluir Proposta Comercial" onclick="removeRegistro('remover-proposta/','{{ $proposta->id }}')"  href="javascript:void">
                                                                <i class="fa fa-times"></i>
                                                            </a>
                                                        @endif
                                                    @endif

                                                    @if($proposta->contrato)
                                                         <a class='btn btn-xs yellow-soft popovers ' data-container="body" data-trigger="hover" data-placement="top" data-content="Contrato {{$proposta->contrato_status}}" href="{{ route('admin.customers.contratos', ['id' => $proposta->user_id]) }}">
                                                            <i class="fa fa-file"></i>
                                                        </a>
                                                    @endif
                                                    @if($proposta->tem_historico > 0)
                                                         <a class='btn btn-xs green popovers fancybox fancybox.iframe' data-container="body" data-trigger="hover" data-placement="top" data-content="Histórico na proposta"  href="{{ route('admin.customers.historico-feedback', ['id' => $proposta->id]) }}">
                                                            <i class="fa fa-list-alt"></i>
                                                        </a>
                                                    @endif
                                                </td>
                                            </tr>
                                        @endforeach                                    
                                    </tbody>
                                    <tfoot>
                                        <tr>
                                            <td colspan="8" align="center">
                                                {!! $propostas->appends($data)->render() !!}
                                            </td>
                                        </tr>
                                    </tfoot>
                                </table>                             
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@stop()

@section('js-admin-did')
    <script src="{{ asset('/assets/global/plugins/jquery-ui/jquery-ui.1.10.3.js') }}" type="text/javascript"></script>
    <script src="{{ asset('/assets/global/scripts/app.min.js') }}" type="text/javascript"></script>   
    <script src="{{ asset('/assets/global/plugins/bootstrap/js/bootstrap.min.js') }}" type="text/javascript"></script>
    
    <link href="{{ asset('/assets/global/plugins/select2/css/select2.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('/assets/global/plugins/select2/css/select2-bootstrap.min.css') }}" rel="stylesheet" type="text/css" />
    <script src="{{ asset('/assets/global/plugins/select2/js/select2.full.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('/assets/pages/scripts/components-select2.min.js') }}" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $.datepicker.regional['pt-BR'] = {
                closeText: 'Fechar',
                prevText: '&#x3c;Anterior',
                nextText: 'Pr&oacute;ximo&#x3e;',
                currentText: 'Hoje',
                monthNames: ['Janeiro','Fevereiro','Mar&ccedil;o','Abril','Maio','Junho',
                'Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'],
                monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun',
                'Jul','Ago','Set','Out','Nov','Dez'],
                dayNames: ['Domingo','Segunda-feira','Ter&ccedil;a-feira','Quarta-feira','Quinta-feira','Sexta-feira','Sabado'],
                dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'],
                dayNamesMin: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'],
                weekHeader: 'Sm',
                dateFormat: 'dd/mm/yy',
                firstDay: 0,
                isRTL: false,
                showMonthAfterYear: false,
                yearSuffix: ''
            };

            $.datepicker.setDefaults($.datepicker.regional['pt-BR']);

            $("#data_ini").datepicker();
            $("#data_fim").datepicker();
        });
    </script>
@stop()