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

@if($errors->any())
    <div class="alert alert-danger">
    @foreach($errors->all() as $error)
        {{ $error }} <br>
    @endforeach
    </div>
@endif

<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>

{{ Form::open(array('method' => 'post', 'enctype'=>'multipart/form-data', 'route'=>'storeTankOwner' , 'id'=>'tankowner_create')) }}
    {{ csrf_field() }}
    <div class="tabbable">
        <ul class="nav nav-tabs" id='myTab'>
            <li  class="active"><a href="#tab1" data-toggle="tab">Tank Owner</a></li>
            <li  ><a href="#tab2" data-toggle="tab">Finance</a></li>
        </ul>
        <div class="tab-content">
            <div class="tab-pane active" id="tab1">
                @include('tankOwner.createTank')
            </div>
            <div class="tab-pane " id="tab2">
                @include('tankOwner.createFinance')
            </div>
        </div>
    </div>
    </form>
        
    <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="{{asset ('js/jquery.inputmask.js')}}"></script>       
    @include('tankOwner.script')

@endSection