@extends('layouts.app')
@section('css')
<link rel="stylesheet" href="assets/plugins/custom/datatables/datatables.bundle.css">
@endsection
@section('content')
<!--begin::Card-->
@if (session('success'))
<div class="alert alert-success w-100 text-center" ><i class="fa fa-check text-white text-center"></i>&nbsp;{{ session('success') }}</div>
@endif
<div style="width: 100%;" class="card card-custom">
    
     <div class="card-header flex-wrap border-0 pt-6 pb-0">
          <div class="" style="color: orange;text-align:center;width:100%;">
               <h1 class="card-label"><p ">Select Expences Type for </p></h1>
          </div>
     </div>
     <hr>
     <div class="card-body ">
      <div class="row subeRow">
        @foreach ($category as $item)
            <div class="col-md-3 subeContainer">
                <a class="subHref" style="color: orange;" href="{{route('addExpences',[$id,$item->id,$item->title])}}" >
                    <div class="subeBaslik">
                   <h1>{{$item->title}}</h1>
               </div>
               </a>
            </div>
        @endforeach
    
      </div>
     </div>
</div>
<!--end::Card-->
@endsection
@section('js')
<script src="assets/plugins/custom/datatables/datatables.bundle.js"></script>
<script src="assets/js/pages/crud/datatables/basic/basic.js"></script>
@endsection