@extends('layouts.master')
@section('css')
<!--  Owl-carousel css-->
<link href="{{ URL::asset('assets/plugins/owl-carousel/owl.carousel.css') }}" rel="stylesheet" />
<!-- Maps css -->
<link href="{{ URL::asset('assets/plugins/jqvmap/jqvmap.min.css') }}" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@500&display=swap" rel="stylesheet">
@endsection
@section('title')
{{ __('home.home') }}
@stop
@section('page-header')
<!-- breadcrumb -->
<div class="breadcrumb-header justify-content-between" onload="initClock()" ;>
    <div class="left-content">
        <div>
            <h2 class="main-content-title tx-24 mg-b-1 mg-b-lg-1 welcoming">
                {{ __('home.welcome') }}{{ Auth()->User()->name }} !
            </h2>

        </div>
    </div>
    <div class="main-dashboard-header-right">
        <br>
        <div>
            <div class="main-star">

                {{-- <span id='ct7' style="background-color: white;  font-size: 16px; border:green; border-width:2px; border-style:outset;"> &nbsp;  &nbsp; </span> --}}


                <div class="datetime"  style="    display: flex;">
                    <div class="time"></div>
                    <div class="date"></div>
                </div>



            </div>
        </div>

    </div>
</div>
<!-- /breadcrumb -->
@endsection
@section('content')

<!-- row -->
@can('Home')


<div class="row row-sm parent-card" style="background-color: white;">
    <div class="ag-format-container">


<table class="table table-bordered text-center align-middle">
    <thead class="bg-light">
        <tr>
            <th>اسم المحور</th>
            <th>حالة الإشغال (المساحة)</th>
            <th>المساحة الكلية</th>
            <th>المسؤول</th>
        </tr>
    </thead>
    <tbody>
        @foreach(\App\Models\Mohors::with('employee')->get() as $item)
            @php
                $total = (float) $item->huktar_num;
                $available = (float) $item->available_area;
                $used = $total - $available;
                $percentUsed = $total > 0 ? round(($used / $total) * 100) : 0;

                $activeColor = '#28a745'; 
                $remainingColor = '#e9ecef'; 
            @endphp
            <tr>
                <td class="font-weight-bold">{{ $item->mohor_name }}</td>
                <td>
                    <div class="d-flex align-items-center justify-content-start px-3">
                        
                        <div class="pivot-circle" style="
                            width: 60px; 
                            height: 60px; 
                            border-radius: 50%; 
                            background: conic-gradient({{ $activeColor }} {{ $percentUsed * 3.6 }}deg, {{ $remainingColor }} 0deg);
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            border: 1px solid #ddd;
                            flex-shrink: 0; {{-- عشان الدائرة متصغرش --}}
                        ">
                            <div style="
                                width: 50px; 
                                height: 50px; 
                                background: white; 
                                border-radius: 50%; 
                                display: flex; 
                                align-items: center; 
                                justify-content: center;
                                font-weight: bold;
                                font-size: 11px;
                                color: #333;
                            ">
                                {{ $percentUsed }}%
                            </div>
                        </div>

                        <div class="text-right mr-3 ms-3" style="line-height: 1.5; text-align: right;">
                            <div style="font-size: 13px;">
                                <span class="text-success" style="font-weight: bold;">● مزروع:</span> 
                                <span>{{ $used }} هـ</span>
                            </div>
                            <div style="font-size: 13px;">
                                <span class="text-muted" style="font-weight: bold;">○ متاح:</span> 
                                <span>{{ $available }} هـ</span>
                            </div>
                        </div>

                    </div>
                </td>
             <td>
    <span class="badge badge-dark" style="font-size: 1.1rem; padding: 8px 15px;">
        <strong style="font-size: 1.2rem;">{{ $total }}</strong> هـ
    </span>
</td>
                <td>{{ $item->employee->name_ar ?? 'غير محدد' }}</td>
            </tr>
        @endforeach
    </tbody>
</table>







      <div class="ag-courses_box">
            <div class="ag-courses_item">                <a href="#" class="ag-courses-item_link">
                    <div class="ag-courses-item_bg"></div>

                    <div class="ag-courses-item_title">
                        {{ __('home.income_mohors_day') }}
                    </div>

                    <div class="ag-courses-item_date-box">
                        <svg class="svg-icon" viewBox="0 0 20 20">
                            <path fill="none" d="M10.862,6.47H3.968v6.032h6.894V6.47z M10,11.641H4.83V7.332H10V11.641z M12.585,11.641h-0.861v0.861h0.861V11.641z M7.415,14.226h0.862v-0.862H7.415V14.226z M8.707,17.673h2.586c0.237,0,0.431-0.193,0.431-0.432c0-0.237-0.193-0.431-0.431-0.431H8.707c-0.237,0-0.431,0.193-0.431,0.431C8.276,17.479,8.47,17.673,8.707,17.673 M5.691,14.226h0.861v-0.862H5.691V14.226z M4.83,13.363H3.968v0.862H4.83V13.363z M16.895,4.746h-3.017V3.023h1.292c0.476,0,0.862-0.386,0.862-0.862V1.299c0-0.476-0.387-0.862-0.862-0.862H10c-0.476,0-0.862,0.386-0.862,0.862v0.862c0,0.476,0.386,0.862,0.862,0.862h1.293v1.723H3.106c-0.476,0-0.862,0.386-0.862,0.862v12.926c0,0.476,0.386,0.862,0.862,0.862h13.789c0.475,0,0.861-0.387,0.861-0.862V5.608C17.756,5.132,17.369,4.746,16.895,4.746 M10.862,2.161H10V1.299h0.862V2.161zM11.724,1.299h3.446v0.862h-3.446V1.299z M13.016,4.746h-0.861V3.023h0.861V4.746z M16.895,18.534H3.106v-2.585h13.789V18.534zM16.895,15.088H3.106v-9.48h13.789V15.088z M15.17,12.502h0.862v-0.861H15.17V12.502z M13.447,12.502h0.861v-0.861h-0.861V12.502zM15.17,10.778h0.862V9.917H15.17V10.778z M15.17,9.055h0.862V8.193H15.17V9.055z M16.032,6.47h-4.309v0.862h4.309V6.47zM14.309,8.193h-0.861v0.862h0.861V8.193z M12.585,8.193h-0.861v0.862h0.861V8.193z M13.447,14.226h2.585v-0.862h-2.585V14.226zM13.447,10.778h0.861V9.917h-0.861V10.778z M12.585,9.917h-0.861v0.861h0.861V9.917z">
                            </path>
                        </svg>
                        <span class="ag-courses-item_date">
                            <br />
<b>Fatal error</b>:  Uncaught Error: Class &quot;App\Models\credittransactions&quot; not found in /home/ebdea/public_html/farm.ebdea.online/resources/views/index.blade.php:155
Stack trace:
#0 {main}
  thrown in <b>/home/ebdea/public_html/farm.ebdea.online/resources/views/index.blade.php</b> on line <b>155</b><br />