@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($app->full_app_logo_dark) }}" alt="Logo Dark" class="logo-for-dark" width="180">
                                            <img src="{{ URL::asset($app->full_app_logo_light) }}" alt="Logo Light" class="logo-for-light" width="180">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md">
                                    <div>
                                        <h4 class="fw-bold">{{$app->app_name}}</h4>
                                        <div class="hstack gap-3 flex-wrap">
                                            <div>@Lang('translation.contents.created_at') : <span class="fw-medium">{{$app->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="#app-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="#app-companies" role="tab">
                                            @lang('translation.sf_menus.admin.companies')
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link fw-semibold" data-bs-toggle="tab" href="#app-geocoders" role="tab">
                                            @lang('translation.sf_menus.admin.geocoders')
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link fw-semibold" data-bs-toggle="tab" href="#app-maps" role="tab">
                                            @lang('translation.sf_menus.admin.maps')
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link fw-semibold" data-bs-toggle="tab" href="#app-sim-plans" role="tab">
                                            @lang('translation.sf_menus.admin.sim_plans')
                                        </a>
                                    </li>
                                    {{-- <li class="nav-item">
                                        <a class="nav-link fw-semibold" data-bs-toggle="tab" href="#app-updates" role="tab">
                                            @lang('translation.sf_menus.admin.updates')
                                        </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="app-overview" role="tabpanel">
                @include('admin.applications.overview.show')
            </div>
            <!-- end tab pane -->

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

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

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

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

            {{-- <div class="tab-pane fade" id="app-updates" role="tabpanel">
                @include('admin.applications.updates.show')
            </div> --}}
            <!-- end tab pane -->

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

<input type="hidden" id="global_app_id" name="global_app_id" value="{{ $app->id }}">

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