@extends('back.layouts.main')
@section('title', $model->name)
@section('content')
    <div class="row">
        <div class="col-xl-12 col-lg-12">
            <div class="card">
                <div class="card-content collapse show overflow-auto">
                    <div class="card-body card-dashboard">
                        <!-- Vertical Wizard -->
                        <section class="vertical-wizard">
                            <div class="bs-stepper vertical vertical-wizard-example">
                                <div class="bs-stepper-header">
                                    @foreach ($tabs as $tab)
                                        <div class="step" data-target="#{{ $tab['key'] }}">
                                            <button type="button" class="step-trigger">
                                                <span class="bs-stepper-box">{{ $loop->iteration }}</span>
                                                <span class="bs-stepper-label">
                                                    <span class="bs-stepper-title ml-1">{{ $tab['name'] }}</span>
                                                </span>
                                            </button>
                                        </div>
                                    @endforeach
                                </div>
                                <div class="bs-stepper-content">
                                    @foreach ($tabs as $tab)
                                        @include('back.usersgroups.tabs.' . $tab['key'])
                                    @endforeach
                                </div>
                            </div>
                        </section>
                        <!-- /Vertical Wizard -->
                    </div>
                </div>
            </div>
        </div>
    </div>
@stop

@section('breadcrumbs')
    <li class="breadcrumb-item"><a href="{{ url('backend/usersgroups') }}">{{ __('back.usersGroups') }}</a></li>
    <li class="breadcrumb-item active">{{ __('back.update') }}</li>
@stop
@push('footer')
    <script src="{{ url('') }}/admin/app-assets/js/scripts/forms/form-wizard.js"></script>
@endpush