@extends('admin.layouts.master')
@section('content')

<div class="row">
    <div class="col-lg-12">
        <div class="card mt-n4 mx-n4">
            <div class="">
                <div class="card-body pb-0 px-4">
                    <div class="row mb-3">

                        <div class="col-md">
                            <div class="row align-items-center g-3">
                                <div class="col-md-auto">
                                    <div class="">
                                        <div class="flex-shrink-0 gx-2 p-2 mb-2 img-thumbnail">
                                            <img src="{{ URL::asset($company->full_image_url) }}" alt="Image URL" class="" width="100">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md">
                                    <div>
                                        <h4 class="fw-bold">{{$company->name}}</h4>
                                        <div class="hstack gap-3 flex-wrap">
                                            <div>@Lang('translation.contents.created_at') : <span class="fw-medium">{{$company->created_at->format('d/m/Y')}}</span></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-12 col-lg-auto order-last order-lg-0">
                            <li class="list-inline-item">
                                <input type="checkbox" class="btn-check btn-sm showDeletedSwitch" id="btn-check-outlined">
                                <label class="btn btn-sm btn-outline-danger waves-effect waves-light mt-2" for="btn-check-outlined">
                                    <i class="ri-delete-bin-line"></i> @lang('translation.show_deleted')
                                </label>
                            </li>
                        </div>

                    </div>

                    <div class="row">
                        <div class="col-lg-12">
                            <div class="d-flex profile-wrapper">
                                <ul class="nav nav-tabs-custom border-bottom-0 flex-grow-1" role="tablist">
                                    <li class="nav-item">
                                        <a class="nav-link active fw-semibold" data-bs-toggle="tab" href="#company-overview" role="tab">
                                            @lang('translation.sf_menus.admin.overview')
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link fw-semibold" data-bs-toggle="tab" href="#company-roles" role="tab">
                                            @lang('translation.sf_menus.admin.roles')
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link fw-semibold" data-bs-toggle="tab" href="#company-plans" role="tab">
                                            @lang('translation.sf_menus.admin.plans')
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link fw-semibold" data-bs-toggle="tab" href="#company-backup " role="tab">
                                            @lang('translation.sf_menus.admin.backup_settings')
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link fw-semibold" data-bs-toggle="tab" href="#company-email" role="tab">
                                            @lang('translation.sf_menus.admin.email_settings')
                                        </a>
                                    </li>
                                    <li class="nav-item" role="presentation">
                                        <a class="nav-link" data-bs-toggle="tab" href="#vehicleStatus" role="tab" aria-selected="false">
                                            @Lang('translation.contents.vehicle_status')
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-lg-12">
        <div class="tab-content text-muted">

            <div class="tab-pane fade show active" id="company-overview" role="tabpanel">
                @include('admin.companies.overview.show')
            </div>
            <!-- end tab pane -->

            <div class="tab-pane fade" id="company-roles" role="tabpanel">
                @include('admin.companies.roles.show')
                @include('admin.companies.roles.modals')
            </div>
            <!-- end tab pane -->

            <div class="tab-pane fade" id="company-plans" role="tabpanel">
                @include('admin.companies.plans.show')
                @include('admin.companies.plans.modals')
            </div>
            <!-- end tab pane -->

            <div class="tab-pane fade" id="company-backup" role="tabpanel">
                @include('admin.companies.backup.show')
            </div>
            <!-- end tab pane -->

            <div class="tab-pane fade" id="company-email" role="tabpanel">
                @include('admin.companies.email.show')
            </div>
            <!-- end tab pane -->

            <div class="tab-pane" id="vehicleStatus" role="tabpanel">
                @include('admin.companies.vehicle_status.show')
                @include('admin.companies.vehicle_status.modals')
            </div>

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

<input type="hidden" id="global_company_id" name="global_company_id" value="{{ $company->id }}">

@endsection
@section('custom_scripts')
    <script src="{{ URL::asset('assets/js/apps/admin/companies/show.js') }}"></script>
@endsection