@extends('layout.backend.main')

@section('content')

<div class="page-content-container">
	<div class="page-content-row">

        @include('sidebars.customers')

        <div class="page-content-col">
            <div class="profile">
                <div class="tabbable-line tabbable-full-width">
                    <ul class="nav nav-tabs">
                        <li class="active">
                            <a href="#tab_1_1" data-toggle="tab"> {!!trans('x.Overview')!!} </a>
                        </li>
                        <li>
                            <a href="#tab_1_3" data-toggle="tab"> {!!trans('x.Edit')!!} </a>
                        </li>
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane active" id="tab_1_1">
                            <div class="row">
                                    <div class="col-md-3">
                                        <img src="/assets/images/no-position.jpg" style="max-width:100%;"/>
                                    </div>
                                    <div class="col-md-9">
                                        <div class="row">
                                            <div class="col-md-8 profile-info">
                                                    <h1 class="font-green sbold uppercase">{!!$supplier->companyname!!}</h1>
                                                    <p>
                                                        Ref. <strong>{!!$supplier->name!!} {!!$supplier->surname!!}</strong>
                                                    </p>
                                                    <p>
                                                        <i class="fa fa-map-marker"></i> {!!$supplier->address!!}<br>
                                                        <i class="fa"></i> {!!$supplier->postcode!!} {!!$supplier->city!!} {!!$supplier->province!!} - {!!$supplier->country!!} <br>
                                                    </p>
                                                    <p>
                                                        <i class="fa fa-phone"></i> {!!$supplier->telephone!!} {!!$supplier->mobile!!} <br>
                                                        <i class="fa fa-envelope"></i> <a href="mailto:{!!$supplier->email!!}"> {!!$supplier->email!!} </a>
                                                    </p>
                                            </div>
                                        </div>
                                    </div>
                            </div>
                        </div>
                        <div class="tab-pane" id="tab_1_3">
                            <div class="row profile-account">
                                    <div class="col-md-3">
                                        <ul class="ver-inline-menu tabbable margin-bottom-10">
                                            <li class="active">
                                                <a data-toggle="tab" href="#tab_edit">
                                                    <i class="fa fa-cog"></i> {!!trans('x.Personal info')!!} </a>
                                                <span class="after"> </span>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="col-md-9">
                                        <div class="tab-content">
                                            <div id="tab_edit" class="tab-pane active">
                                                
                                                @include('sections.suppliers._tabs._edit')

                                            </div>
                                        </div>
                                    </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
	</div>
</div>

@stop