@extends('layouts.'.env('THEME'))

<style>
.panel-collapse {
    font-size: 11px;
}
</style>

@section('content')

<div class="container" id="main-container">

    <a href="/customer/{{ $lead->id }}" class="btn btn-primary my-3">
        < Customer
    </a>
    <a href="/dashboard" class="btn btn-primary">
        Dashboard
    </a>
    <a href="/staff/schedule" class="btn btn-primary">
        Schedule
    </a>
    <br />

    <x-section_heading title="Customer Xero management" subtitle="Manage customer information synced to Xero" rowclass="mt-5"/>

@if(empty($xero) || !$xero)

    <div class="row mb-3">
        <div class="col-12">
        <a href="{{ route('xero.auth.authorize') }}" class="btn btn-primary btn-large mt-4">
            Connect to Xero
        </a>
        </div>
    </div>

@else

    <div class="row mb-3">
        <div class="col-12">

        </div>
    </div>

    <div class="row mb-3">
        <div class="col-lg-6 col-12 mb-4">

            <div class="panel-collapse" data-panel="contact">
                Contact <i class="fa fa-chevron-down" aria-hidden="true"></i>
            </div>
            <div class="panel-body" id="contact">
                @include('admin.customers.xero_edit_sections.contact')
            </div>



        </div>
        <div class="col-lg-6 col-12">

            <div class="panel-collapse" data-panel="install_invoice">
                Install invoice <i class="fa fa-chevron-down" aria-hidden="true"></i>
            </div>
            <div class="panel-body" id="install_invoice">
                @include('admin.customers.xero_edit_sections.install_invoice')
            </div>

        </div>
    </div>

@endif

</div>
@endsection

@section('script')
     @include('admin.customers.form_script')
@endsection