@extends('layout.padrao')
@section('title', ' Create - Company')
@section('content')

<style>
    #btnAddEmailGenericGroups{
        margin-left: 5px;
        margin-top: 5px;
    }

    *:required {
        border: 1px solid #2196F3;
        background: #f9fdff;
    }

</style>

@if($errors->any())
    <div class="alert alert-danger">
    @foreach($errors->all() as $error)
        {{ $error }} <br>
    @endforeach
    </div>
@endif
{{ Form::open(array('method' => 'post', 'enctype'=>'multipart/form-data', 'route'=>'storeClient' , 'id'=>'client_create')) }}
    {{ csrf_field() }}
    
    <div class="tabbable">
        <ul class="nav nav-tabs" id='myTab'>
            <li class="active"><a href="#tab1" data-toggle="tab">Company</a></li>
            @can('internalRoutineFinanceTeamOnly', App\Usuario::class)
                <li><a href="#tab2" id="MyTab2" data-toggle="tab">Finance</a></li>
            @endcan
            <li><a href="#tab3" data-toggle="tab">Email Groups</a></li>            
        </ul>
        <div class="tab-content">
            <div class="tab-pane active" id="tab1">
                <div class="row col margin-top-15" style="color: #5e5e5e; font-size: 1.2rem">
                    <p>* Fields with blue border are required</p>
                </div>
                
                @include('Client.createDetails')
                @include('include.btn_registrar')
            </div>
            
            @can('internalRoutineFinanceTeamOnly', App\Usuario::class)
                <div class="tab-pane " id="tab2">
                    @include('Client.createFinance')
                    @include('include.btn_registrar')
                </div>
            @endcan
            
            <div class="tab-pane " id="tab3">
                @include('Client.createEmailGroupContacts')
                @include('include.btn_registrar')
            </div>            
        </div>
        
    </div>
    </form>    
    
   
    @include('Client.script')
</form>

<script>
    jQuery(function () {
        $("#ShowTabs").click(function () {
            $("#tabs").show();
        });

        $("#HideTabs").click(function () {
            $("#tabs").hide();
        });
    });

    $(document).ready(function(){
        $('a[data-toggle="tab"]').on('show.bs.tab', function(e) {
            localStorage.setItem('activeTab', $(e.target).attr('href'));
        });
        var activeTab = localStorage.getItem('activeTab');
        if(activeTab){
            $('#myTab a[href="' + activeTab + '"]').tab('show');
        }
    });
</script>

@include('Client.modal_supplier_insert')
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js'></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script src="{{asset ('js/jquery.inputmask.js')}}"></script>


@endSection