@extends('layouts.master')

@section('title', __('Dashboard'))

@push('styles')
<link href="{{ asset('frontend/styles/css/deposit-index.css') }}" rel="stylesheet">
<link href="{{ asset('frontend/styles/css/dashboard.css') }}" rel="stylesheet">
@endpush

@section('breadcrumb-text')
<div class="w-100 d-flex justify-content-between mobwrap">
    <div>
        <h2 class="p-0 m-0">{{ __('Member Dashboard') }}</h2>
        <p class="p-0 m-0">{{ __('Welcome back, Rebecca! Here your overview for today.') }}</p>
    </div>

    <a href="{{ url('/member/setting/dashboard') }}" class="btn btn-primary" id="resetLayoutBtn" style="max-height: 35px !important;" data-toggle="tooltip" data-placement="top" title="Dashboard Setting"><i class="bi bi-gear"></i> {{ __('Dashboard Setting') }}</a>
</div>
@endsection

@section('content')
<section id="featured-services" class="featured-services member-dashboard">
    <!-- Main Content -->
    <div class="flex-1 flex flex-col">

        <!-- Dashboard Content -->
        <main class="flex-1 py-4">
            <div class="dashboard-grid grid grid-cols-1 lg:grid-cols-3 gap-6">
                @foreach($tileOrder as $tileName)
                    @if(isset($bladeFiles[$tileName]) && !empty($bladeFiles[$tileName]))
                        @if(in_array($tileName,['career_progress']))
                            <div id="{{ $tileName }}_tile">
                                <div class="bg-card rounded-xl border card-shadow col-span-1 lg:col-span-2 h-fit h-100">
                                    <div class="p-6 pb-3">
                                        <div class="flex items-center justify-between">
                                            <h3 class="text-lg font-semibold text-card-foreground">{{ __("Career Progress & Milestones") }}</h3>
                                        </div>
                                    </div>
                                    <div class="px-6 pb-6">
                                        <div class="space-y-6 text-center mt-4">
                                            <i class="fa fa-spinner fa-spin"></i>&nbsp;&nbsp;{{ __('loading') }}...
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @else
                            @include($bladeFiles[$tileName])
                        @endif
                    @endif
                @endforeach
            </div>
        </main>
    </div>

    {{------ START for BusinessLicenseListModal ------}}
    <div class="modal fade" id="BusinessLicenseListModal" tabindex="-1" aria-labelledby="BusinessLicenseListModalLabel" aria-hidden="true">
      <div class="modal-dialog modal-lg">
          <div class="modal-content">
              <div class="modal-header">
                  <h1 class="modal-title fs-5" id="BusinessLicenseListModalLabel">{{ __('Business License')}}</h1>
                  <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
              </div>
              <div class="modal-body">
                  <div class="table-responsive">
                      <table class="table table-striped table-fixed">
                          <thead>
                          <tr>
                              <th scope="col">{{ __('License Start') }}</th>
                              <th scope="col">{{ __('License End') }}</th>
                              <th scope="col">{{ __('Redeemed At') }}</th>
                          </tr>
                          </thead>
                          <tbody>
                          @if ($licenses)
                              @forelse($licenses as $level)

                                  <tr>
                                      <td class="table_level">{{date('d M Y', strtotime($level['start']))}}</td>
                                      <td class="table_level">{{date('d M Y', strtotime($level['end']))}}</td>
                                      <td class="table_level">{{$level['created_at']->format('d M Y') }} </td>
                                  </tr>
                              @empty
                                  <tr>
                                      <td align="center" colspan="10">{{ __('No Data Found')}}</td>
                                  </tr>
                              @endforelse
                          @else
                              <tr>
                                  <td align="center" colspan="10">{{ __('No Data Found')}}</td>
                              </tr>
                          @endif
                          </tbody>
                      </table>
                  </div>
              </div>
          </div>
      </div>
    </div>
    {{------ END for BusinessLicenseListModal ------}}

    {{------ START for todo create modal ------}}
    @include('frontend.dashboard.to-do-model')
    {{------ END for todo create modal ------}}

    @include('frontend.transfer-modal')
</section>


@endsection

@push('scripts')
<script>
    @if(isset($_GET['send-funds']) && !empty($_GET['send-funds']))
    $(document).ready(function() {
        if ($(".btn-transfer").length) {
            $(".btn-transfer").click();
        }
    });
    @endif
</script>
{{-- Start for Chart --}}
<script src="{{ asset('frontend/js/es5/apexcharts.min.js') }}"></script>
<script src="{{ asset('frontend/js/dashboard.js') }}"></script>
<script src="{{ asset('frontend/js/transfer-modal.js') }}"></script>

{{-- END for Chart --}}

{{-- csrlive start --}}
<script src="{{ asset('frontend/js/jquery-validate/jquery.validate.js') }}"></script>
<script src="{{ asset('frontend/js/custom-frontend.js') }}"></script>
<script src="{{ asset('frontend/js/select2/select2.min.js') }}"></script>

{{-- csrlive end --}}
<script type="text/javascript">
    jQuery.getScript("https://cdn.jsdelivr.net/npm/web3@latest/dist/web3.min.js", function() {
        web3 = new Web3(new Web3.providers.HttpProvider(
            "https://goerli.infura.io/v3/161e66f35f0e461ca450b114bd1e4626"));
    });
</script>
@endpush