admin-erahn/resources/views/bajet/kemaskinibajet2.blade.php

@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' : 'Bajet', 'icon' : 'fas fa-file-invoice'},{'title' : 'Kemaskini', 'icon' : 'fas fa-clipboard'}]"></breadcrumb>

         <div class="bg-white mx-auto shadow rounded-lg p-4 sm:p-6 xl:p-8 w-1/2  2xl:col-span-1">
         
            
            <h2 class="text-2xl mx-auto font-semibold leading-normal mt-0 mb-2 text-blueGray-800">
               KEMASKINI BAJET
            </h2>

            <div class="grid grid-cols-2">
               <div class="w-full px-3 mb-4">
                  <label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2">
                  Januari
                  </label>
                  <input class="appearance-none block w-full bg-white-200 text-gray-700 border border-gray-200 rounded py-3 px-4 leading-tight focus:outline-none focus:bg-white focus:border-gray-500">
                  {{-- <div class="text-red-500 text-xs italic">Field is required</div> --}}
               </div>

               <div class="w-full px-3 mb-4">
                  <label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2">
                  Februari
                  </label>
                  <input class="appearance-none block w-full bg-white-200 text-gray-700 border border-gray-200 rounded py-3 px-4 leading-tight focus:outline-none focus:bg-white focus:border-gray-500">
                  {{-- <div class="text-red-500 text-xs italic">Field is required</div> --}}
               </div>

               <div class="w-full px-3 mb-4">
                  <label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2">
                  Mac
                  </label>
                  <input class="appearance-none block w-full bg-white-200 text-gray-700 border border-gray-200 rounded py-3 px-4 leading-tight focus:outline-none focus:bg-white focus:border-gray-500">
                  {{-- <div class="text-red-500 text-xs italic">Field is required</div> --}}
               </div>

               <div class="w-full px-3 mb-4">
                  <label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2">
                  April
                  </label>
                  <input class="appearance-none block w-full bg-white-200 text-gray-700 border border-gray-200 rounded py-3 px-4 leading-tight focus:outline-none focus:bg-white focus:border-gray-500">
                  {{-- <div class="text-red-500 text-xs italic">Field is required</div> --}}
               </div>

               <div class="w-full px-3 mb-4">
                  <label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2">
                  Mei
                  </label>
                  <input class="appearance-none block w-full bg-white-200 text-gray-700 border border-gray-200 rounded py-3 px-4 leading-tight focus:outline-none focus:bg-white focus:border-gray-500">
                  {{-- <div class="text-red-500 text-xs italic">Field is required</div> --}}
               </div>

               <div class="w-full px-3 mb-4">
                  <label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2">
                  Jun
                  </label>
                  <input class="appearance-none block w-full bg-white-200 text-gray-700 border border-gray-200 rounded py-3 px-4 leading-tight focus:outline-none focus:bg-white focus:border-gray-500">
                  {{-- <div class="text-red-500 text-xs italic">Field is required</div> --}}
               </div>

               <div class="w-full px-3 mb-4">
                  <label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2">
                  Julai
                  </label>
                  <input class="appearance-none block w-full bg-white-200 text-gray-700 border border-gray-200 rounded py-3 px-4 leading-tight focus:outline-none focus:bg-white focus:border-gray-500">
                  {{-- <div class="text-red-500 text-xs italic">Field is required</div> --}}
               </div>

               <div class="w-full px-3 mb-4">
                  <label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2">
                  Ogos
                  </label>
                  <input class="appearance-none block w-full bg-white-200 text-gray-700 border border-gray-200 rounded py-3 px-4 leading-tight focus:outline-none focus:bg-white focus:border-gray-500">
                  {{-- <div class="text-red-500 text-xs italic">Field is required</div> --}}
               </div>

               <div class="w-full px-3 mb-4">
                  <label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2">
                  September
                  </label>
                  <input class="appearance-none block w-full bg-white-200 text-gray-700 border border-gray-200 rounded py-3 px-4 leading-tight focus:outline-none focus:bg-white focus:border-gray-500">
                  {{-- <div class="text-red-500 text-xs italic">Field is required</div> --}}
               </div>

               <div class="w-full px-3 mb-4">
                  <label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2">
                  Oktober
                  </label>
                  <input class="appearance-none block w-full bg-white-200 text-gray-700 border border-gray-200 rounded py-3 px-4 leading-tight focus:outline-none focus:bg-white focus:border-gray-500">
                  {{-- <div class="text-red-500 text-xs italic">Field is required</div> --}}
               </div>

               <div class="w-full px-3 mb-4">
                  <label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2">
                  November
                  </label>
                  <input class="appearance-none block w-full bg-white-200 text-gray-700 border border-gray-200 rounded py-3 px-4 leading-tight focus:outline-none focus:bg-white focus:border-gray-500">
                  {{-- <div class="text-red-500 text-xs italic">Field is required</div> --}}
               </div>

               <div class="w-full px-3 mb-4">
                  <label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2">
                  Disember
                  </label>
                  <input class="appearance-none block w-full bg-white-200 text-gray-700 border border-gray-200 rounded py-3 px-4 leading-tight focus:outline-none focus:bg-white focus:border-gray-500">
                  {{-- <div class="text-red-500 text-xs italic">Field is required</div> --}}
               </div>

            </div>

            <div class="flex justify-end">
               <button class="bg-blue-500 text-white active:bg-lightBlue-600 font-bold uppercase text-sm px-6 py-3 rounded shadow hover:shadow-lg outline-none focus:outline-none mr-1 mb-1 ease-linear transition-all duration-150" type="button">
               Kemaskini
               </button>
            </div>

         </div>


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