@extends('admin.layouts.app')

@section('content')
<div class="pagetitle">
    <!-- <h1>Add User</h1> -->
    <nav>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('admin-dashboard') }}">Dashboard</a></li>
            <li class="breadcrumb-item active">{{ $module['title'] }}</li>
        </ol>
    </nav>
</div><!-- End Page Title -->

<section class="section tab-form-sec">
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <ul class="nav nav-tabs" id="myTab" role="tablist">
                    <li class="nav-item" role="presentation">
                        <button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home" type="button" role="tab" aria-controls="home" aria-selected="true">Personal Details</button>
                    </li>
                    <li class="nav-item" role="presentation">
                        <button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile" type="button" role="tab" aria-controls="profile" aria-selected="false">Commercial Details</button>
                    </li>
                    <li class="nav-item" role="presentation">
                        <button class="nav-link" id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact" type="button" role="tab" aria-controls="contact" aria-selected="false">Shipping Details</button>
                    </li>
                    <li class="nav-item" role="presentation">
                        <button class="nav-link" id="billing-tab" data-bs-toggle="tab" data-bs-target="#billing" type="button" role="tab" aria-controls="billing" aria-selected="false">Billing Details</button>
                    </li>
                    <li class="nav-item" role="presentation">
                        <button class="nav-link" id="invoice-tab" data-bs-toggle="tab" data-bs-target="#invoice" type="button" role="tab" aria-controls="invoice" aria-selected="false">Invoice Delivery Details</button>
                    </li>
                    <li class="nav-item" role="presentation">
                        <button class="nav-link" id="collection-tab" data-bs-toggle="tab" data-bs-target="#collection" type="button" role="tab" aria-controls="collection" aria-selected="false">Collection Details</button>
                    </li>
                    <li class="nav-item" role="presentation">
                        <button class="nav-link" id="additional-tab" data-bs-toggle="tab" data-bs-target="#additional" type="button" role="tab" aria-controls="additional" aria-selected="false">Additional</button>
                    </li>
                </ul>
                <div class="tab-content" id="myTabContent">
                    @include('admin.customers.add.personal_details')

                    @include('admin.customers.add.commercial_details')
                    
                    @include('admin.customers.add.shipping_details')

                    @include('admin.customers.add.billing_details')

                    @include('admin.customers.add.invoice_details')
                    
                    @include('admin.customers.add.collection_details')

                    @include('admin.customers.add.additional')
                </div>
            </div>
            {{--<div class="text-center">
                <button type="submit" class="btn submit-btn me-3">Submit</button>
                <a class="btn back-btn" href="{{ route(sprintf('%s.index', $module['resourceful'])) }}">Back</a>
            </div>--}}
        </div>
    </div>
</section>

<style type="text/css">
    .error {
        color: red;
    }

    .red-mark {
        color: red;
    }

</style>
@endsection

@push('scripts_footer') 
    @include('admin.customers.add.scripts')
@endpush