@extends('layouts.app')
@php $userRoles = get_user_role() @endphp
@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-xl-12">
            <div class="card">
                <div class="card-body">
                    <h4 class="card-title">
                        {{ isset($data->id) && $data->id > 0 ? 'Edit' : 'Add' }} {{$pagename}}
                    </h4>

                    <ul class="nav nav-tabs" id="myTab" role="tablist">
                      <li class="nav-item" role="presentation">
                        <button class="nav-link active" id="basic-info-tab" data-bs-toggle="tab" data-bs-target="#basic-information" type="button" role="tab" aria-controls="single-event" aria-selected="true">Basic Informations</button>
                      </li>
                        @if( isset($data->id) && $data->id > 0 )
                          <li class="nav-item" role="presentation">
                            <button class="nav-link" id="kids-info-tab" data-bs-toggle="tab" data-bs-target="#kids-information" type="button" role="tab" aria-controls="datewise" aria-selected="false">Kids ({{$kids->total()}})</button>
                          </li>
                          <li class="nav-item" role="presentation">
                            <button class="nav-link" id="events-info-tab" data-bs-toggle="tab" data-bs-target="#events-information" type="button" role="tab" aria-controls="datewise" aria-selected="false">Hosted Events ({{$events->total()}})</button>
                          </li>
                          <li class="nav-item" role="presentation">
                            <button class="nav-link" id="booked-events-tab" data-bs-toggle="tab" data-bs-target="#booked-information" type="button" role="tab" aria-controls="weekly" aria-selected="false">Booked Events ({{$bookings->total()}})</button>
                          </li>
                        @endif
                    </ul>

                    <div class="tab-content" id="eventTabContent">
                        <div class="tab-pane fade show active" id="basic-information" role="tabpanel" aria-labelledby="basic-info-tab">
                            @include('admin.users.form')              
                        </div>
                        @if( isset($data->id) && $data->id > 0 )
                            <div class="tab-pane fade" id="kids-information" role="tabpanel" aria-labelledby="kids-info-tab">
                                @include('admin.users.kids')                                
                            </div>
                            <div class="tab-pane fade" id="events-information" role="tabpanel" aria-labelledby="events-info-tab">
                                @include('admin.users.hosted-events')                                
                            </div>
                            <div class="tab-pane fade" id="booked-information" role="tabpanel" aria-labelledby="booked-events-tab">
                                @include('admin.users.booking-events')       
                            </div>
                        @endif
                    </div>        
                </div>
            </div>
        </div> <!-- end col -->
    </div> 
</div>
@endsection