@extends('layouts.main_without_top_button')

@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="{{route('contact-persons.index')}}">Contact Persons</a> <span class="divider">/</span></li>
        <li class="active">Contact Person Profile</li>
    </ul>
@stop

@section('title')
    CONTACT PERSON PROFILE
@stop

@section('contentinner')
    <div class="tabbable">
        <ul class="nav nav-tabs">
          <li class="active"><a data-toggle="tab" href="#personal_info">Personal Info</a></li>
          <li><a data-toggle="tab" href="#company_info">Company Info</a></li>
          <li><a data-toggle="tab" href="#contacts">Contacts</a></li>
          <li class="pull-right">
            <!-- <a class="btn" href="javascript:edit('{{ route('contact-persons.edit', $contact_person->id) }}');"> <i class="icon-pencil"></i> Edit</a></li> -->
        </ul>
        
        <div class="tab-content">
            <div id="personal_info" class="tab-pane fade in active" style="height: 450px">
                @include('contact_persons.profile.includes.personal_info')
            </div>

            <div id="company_info" class="tab-pane fade" style="height: 450px">
                @include('contact_persons.profile.includes.company_info')
            </div>

            <div id="contacts" class="tab-pane fade" style="height: 450px">
                @include('contact_persons.profile.includes.contacts')
            </div>
        </div><!--tabcontent-->
    </div><!--tabbable-->
@stop