@extends('layouts/contentLayoutMaster')

@section('vendor-style')
  <link rel="stylesheet" href="{{ asset(('vendors/css/simple-calendar/simple-calendar.css'))}}">
@endsection

@section('content')
<section>
  <h2 class="page-title font-bolder text-primary mb-2" data-id="">{{ __('locale.schedule') }}</h2>
</section>

<section>
    <div class="app-calendar" data-calendar={{Auth::user()->id}}>
        <div class="row">
            <div class="col-md-4">
                <div class="card">
                    <div class="card-body">
                        <div class="cal-schedules"></div>
                    </div>
                </div>
            </div>
            <div class="col-md-8">
                <div class="card">
                    <div class="card-body">
                      <p class="text-primary font-medium-2 title-session">{{ __('locale.session') }} <span class="title-date"></span></p>
                      <div class="content-empty w-100 text-center hidden">
                          <div class="divider w-50 d-inline-block">
                              <div class="divider-text">{{ __('locale.session_empty') }}</div>
                          </div>
                      </div>
                      <ul class="list-group list-group-flush list-schedules">
                      </ul>
                      <nav aria-label="Page navigation">
                        <ul class="pagination justify-content-center mt-2">
                        </ul>
                      </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

@endsection

@section('vendor-script')
  <!-- vendor files -->
  <script src="{{ asset(('vendors/js/simple-calendar/simple-calendar.min.js')) }}"></script>
@endsection

@section('page-script')
  {{-- Page js files --}}
  <script src="{{ asset(('js/scripts/member/schedule.js')) }}"></script>
@endsection