@extends('layouts.app')

@section('content')
<div class="bg-gray-900 opacity-50 hidden fixed inset-0 z-10" id="sidebarBackdrop"></div>
<div id="main-content" class="h-full w-full bg-gray-50 relative overflow-y-auto">
   <main>

      <div class="pt-6 px-4">
          
    <breadcrumb :items="[{ 'title' : 'Dashboard', 'icon' : 'fas fa-columns' }]"></breadcrumb>

         {{-- @if(Auth::user()->roles == 'operasi')<a href="{{ route('bajet') }}" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded mb-4">KEMASKINI BAJET</a>@endif --}}


         <harian-component kodcaw="{{ Auth::user()->cawangan }}"></harian-component> 

         <div class="w-full grid grid-cols-1 xl:grid-cols-3 2xl:grid-cols-3 gap-4">
            <div class="bg-white shadow rounded-lg p-4 sm:p-6 xl:p-8  2xl:col-span-1">
               <div class="flex items-center justify-between mb-4">
                  <div class="flex-shrink-0">
                     <h3 class="text-base font-normal text-gray-500">Pembiayaan Bulanan</h3>
                  </div>
               </div>
               <div class="mx-auto mt-10"><pemb-chart kodcaw={{ Auth::user()->cawangan  }}></pemb-chart></div>
            </div>
            <div class="bg-white shadow rounded-lg p-4 sm:p-6 xl:p-8  2xl:col-span-1">
                <div class="flex items-center justify-between mb-4">
                   <div class="flex-shrink-0">
                      <h3 class="text-base font-normal text-gray-500">Penebusan Bulanan</h3>
                   </div>
                </div>
                <div class="mx-auto mt-10"><peny-chart kodcaw={{ Auth::user()->cawangan  }}></peny-chart></div>
             </div>

             <div class="bg-white shadow rounded-lg p-4 sm:p-6 xl:p-8  2xl:col-span-1">
                <div class="flex items-center justify-between mb-4">
                   <div class="flex-shrink-0">
                      <h3 class="text-base font-normal text-gray-500">Keuntungan Bulanan</h3>
                   </div>
                </div>
                <div class="mx-auto mt-10"><keun-chart kodcaw={{ Auth::user()->cawangan  }}></keun-chart></div>
             </div>             
         </div>

         <tahunan-component kodcaw={{ Auth::user()->cawangan  }}></tahunan-component>

         <bilangan-component kodcaw={{ Auth::user()->cawangan  }}></bilangan-component>         



      </div>
   </main>
   @include('layouts.footer')
@endsection