@extends('layouts.back')
@section('titulo', 'Pesquisa')

@section('page_header','Painel')

@push('header_imports')
    <link rel="shortcut icon" href="{{asset('adm/assets/images/favicon.ico')}}">
@endpush

@section('content')
<div class="row">
    <div class="col-md-12">
        <div class="card mb-20">
            <div class="card-header">
                <h4 class="card-title">Pesquisa</h4>
            </div>
            <div class="card-body">

                @if ($errors->any())
                    <div class="row">
                        <div class="alert alert-danger col-md-6 col-md-offset-3" style="margin: auto;">
                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                            <ul style="margin-bottom: 0px;">
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    </div>
                @endif

                <div class="tabs">
                    <ul class="nav nav-tabs nav-tabs-custom" role="tablist">
                        <li class="nav-item">
                            <a href="#leads" class="nav-link active" data-toggle="tab" role="tab">
                                <span class="d-none d-md-block">Leads</span><span class="d-block d-md-none"><i class="mdi mdi-home-variant h5"></i></span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="#instituicoes" class="nav-link" data-toggle="tab" role="tab">
                                <span class="d-none d-md-block">Instituições</span><span class="d-block d-md-none"><i class="mdi mdi-home-variant h5"></i></span>
                            </a>
                        </li>
                    </ul>

                    <div class="tab-content">

                        <div id="leads" class="tab-pane active p3" role="tabpanel">

                            <div class="row p-b-10">
                                <div class="col-sm-12 col-md-6">
                                    <div class="col-md-6 text-left">
                                        <span class="text-muted">
                                            Mostrando {{($leads->currentPage()-1)*$leads->perpage()+1}} - {{$leads->currentPage()*$leads->perpage()}}
                                                de {{$leads->total()}} resultados
                                        </span>
                                    </div>
                                    <div class="col-sm-12 col-md-6 text-right">
                                        {{ $leads->appends(['pesquisa' => $pesquisa, 'page_leads' => $leads->currentPage()])->links() }}
                                    </div>
                                </div>
                            </div>

                            @if(count($leads) > 0)
                                <div class="row">
                                    @foreach($leads as $lead)
                                        <div class="col-md-4 col-sm-3 col-lg-4">
                                            <div class="card pesquisa">
                                                <div class="card-header bg-light">
                                                    <h6 class="card-title text-black">{{$lead->empresa}}</h6>
                                                </div>
                                                <div class="card-body">
                                                    <div class="row">
                                                        <div class="col-md-12">
                                                            <label class="control-label" for="contato">Contato:</label>
                                                            <span>{{$lead->nome}}</span>
                                                        </div>
                                                        <div class="col-md-12">
                                                            <label class="control-label" for="celular">Celular:</label>
                                                            <span>{{$lead->celular}}</span>
                                                        </div>
                                                        <div class="col-md-12">
                                                            <label class="control-label" for="celular">E-mail:</label>
                                                            <span>{{$lead->email}}</span>
                                                        </div>
                                                        <div class="col-md-12">
                                                            <a href="{{route('leads.edit', $lead->id)}}" type="button" class="btn btn-sm btn-primary">Visitar</a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            @else
                                <div class="row">
                                    <div class="col-sm-12 text-center">
                                        <h6 class="h6 text-muted">:( Não foram encontrados leads</h6>
                                    </div>
                                </div>
                            @endif

                        </div>

                        <div id="instituicoes" class="tab-pane p3" role="tabpanel">

                            <div class="row p-b-10">
                                <div class="col-sm-12 col-md-6">
                                    <div class="col-md-6 text-left">
                                        <span class="text-muted">
                                            Mostrando {{($instituicoes->currentPage()-1)*$instituicoes->perpage()+1}} - {{$instituicoes->currentPage()*$instituicoes->perpage()}}
                                                de {{$instituicoes->total()}} resultados
                                        </span>
                                    </div>
                                    <div class="col-sm-12 col-md-6 text-right">
                                        {{ $instituicoes->appends(['pesquisa' => $pesquisa, 'page_instituicoes' => $instituicoes->currentPage()])->links() }}
                                    </div>
                                </div>
                            </div>

                            @if(count($instituicoes) > 0)
                                <div class="row">
                                    @foreach($instituicoes as $instituicao)
                                        <div class="col-md-3 col-sm-2 col-lg-3">
                                            <div class="card">
                                                <div class="card-header bg-light">
                                                    <h6 class="card-title text-dark">{{$instituicao->razao_social}}</h6>
                                                </div>
                                                <div class="card-body">
                                                    <div class="row">
                                                        <div class="col-md-12">
                                                            <label class="control-label" for="contato">Contato:</label>
                                                            <span>{{$instituicao->nome}}</span>
                                                        </div>
                                                        <div class="col-md-12">
                                                            <label class="control-label" for="celular">Celular:</label>
                                                            <span>{{$instituicao->celular}}</span>
                                                        </div>
                                                        <div class="col-md-12">
                                                            <label class="control-label" for="celular">E-mail:</label>
                                                            <span>{{$instituicao->email}}</span>
                                                        </div>
                                                        <div class="col-md-12">
                                                            <a href="{{route('clientes.edit', $instituicao->id)}}" type="button" class="btn btn-sm btn-primary">Visitar</a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            @else
                                <div class="row">
                                    <div class="col-sm-12 text-center">
                                        <h6 class="h6 text-muted">:( Não foram encontradas instituições</h6>
                                    </div>
                                </div>
                            @endif
                        </div>

                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
@endsection

@push('js')
{{--
    <script>
            window.onload = function() {
                @if(count($leads) || (count($leads) == 0 && count($instituicoes) == 0))
                    $('#leads, .search-toolbar li:first-child').addClass('active');
                    $('#instituicoes, .search-toolbar li:last-child').removeClass('active');
                @elseif(count($leads) == 0 && count($instituicoes))
                    $('#leads, .search-toolbar li:first-child').removeClass('active');
                    $('#instituicoes, .search-toolbar li:last-child').addClass('active');
                @endif
        }
    </script> --}}

@endpush