@extends('admin.admin_dashboard')
@section('admin')

<<<<<<< HEAD
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>

<div class="page-content">
				<!--breadcrumb-->
				<div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
					<div class="breadcrumb-title pe-3"><b>FARMER PROFILE</b></div>
					<div class="ps-3">
						<nav aria-label="breadcrumb">
							<ol class="breadcrumb mb-0 p-0">
								<li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}"><i class="bx bx-home-alt"></i></a>
								</li>
								<li href="{{ route('admin.dashboard') }}" class="breadcrumb-item" aria-current="page"><a href="{{ route('all.farmers') }}">All Farmers</a></li>
                                <li class="breadcrumb-item active" aria-current="page">Farmer Profile</li>
							</ol>
						</nav>
					</div>
					<div class="ms-auto">
						
					</div>
				</div>
				<!--end breadcrumb-->
				<div class="container">
					<div class="main-body">
						<div class="row">
							<div class="col-lg-4">
                                <div class="col">
						<div class="card">
							<img src="{{ (!empty($farmer->farmer_photo)) ? url('upload/farmers/'.$farmer->farmer_photo) : url('upload/no_image.jpg') }}"  class="card-img-top" alt="...">
							<div class="card-body">
								<h5 class="card-title">{{ $farmer->farmer_fname }} {{ $farmer->farmer_lname }}</h5>
							</div>
							<ul class="list-group list-group-flush">
								<li class="list-group-item">{{ $farmer->farmer_number }}</li>
								<li class="list-group-item">{{ $farmer->farmer_gender }}</li>
								<li class="list-group-item">{{ $farmer->farmer_contact }}</li>
							</ul>
							
						</div>
					</div>

							</div>

                           <div class="col-lg-8">
                           
                            <div class="col">
						<h6 class="mb-0 text-uppercase">Overview</h6>
						<hr/>
						<div class="card">
							<div class="card-body">
								<ul class="nav nav-tabs nav-success" role="tablist">
									<li class="nav-item" role="presentation">
										<a class="nav-link active" data-bs-toggle="tab" href="#successhome" role="tab" aria-selected="true">
											<div class="d-flex align-items-center">
												<div class="tab-icon"><i class='bx bx-user-check  font-18 me-1'></i>
												</div>
												<div class="tab-title">Farmer Background</div>
											</div>
										</a>
									</li>
									<li class="nav-item" role="presentation">
										<a class="nav-link" data-bs-toggle="tab" href="#successprofile" role="tab" aria-selected="false">
											<div class="d-flex align-items-center">
												<div class="tab-icon"><i class='bx bx-planet font-18 me-1'></i>
												</div>
												<div class="tab-title">Transformation</div>
											</div>
										</a>
									</li>
									
                                    <li class="nav-item" role="presentation">
										<a class="nav-link" data-bs-toggle="tab" href="#successupdates" role="tab" aria-selected="false">
											<div class="d-flex align-items-center">
												<div class="tab-icon"><i class='bx bx-chart font-18 me-1'></i>
												</div>
												<div class="tab-title">Progress Updates</div>
											</div>
										</a>
									</li>
                                  
                                    <li class="nav-item" role="presentation">
										<a class="nav-link" data-bs-toggle="tab" href="#successgallery" role="tab" aria-selected="false">
											<div class="d-flex align-items-center">
												<div class="tab-icon"><i class='bx bx-image font-18 me-1'></i>
												</div>
												<div class="tab-title">Photos</div>
											</div>
										</a>
									</li>
                                  
								</ul>
								<div class="tab-content py-6">
    <div class="tab-pane fade show active" id="successhome" role="tabpanel">
        <p>Updating......</p>
    </div>
    <div class="tab-pane fade" id="successprofile" role="tabpanel">
        <p><li class="list-group-item">{{ $farmer->NIN }}</li></p>
    </div>
 
    <div class="tab-pane fade" id="successupdates" role="tabpanel">
        <p>Updating...1..</p>
    </div>

    <div class="tab-pane fade" id="successgallery" role="tabpanel">
        <p>	
        <div class="card">
							<div class="card-body">
								<div id="carouselExampleSlidesOnly" class="carousel slide" data-bs-ride="carousel">
									<div class="carousel-inner">
										<div class="carousel-item active">
											<img src="{{ (!empty($farmer->family_photo)) ? url('upload/farmers/family_photos/'.$farmer->family_photo) : url('upload/no_image.jpg') }}" class="d-block w-100" alt="...">
										</div>
										<div class="carousel-item">
											<img src="{{ (!empty($farmer->farmer_photo)) ? url('upload/farmers/'.$farmer->farmer_photo) : url('upload/no_image.jpg') }}" class="d-block w-100" alt="...">
										</div>
										<div class="carousel-item">
											<img src="{{ asset('backend/assets/images/gallery/19.png') }}" class="d-block w-100" alt="...">
										</div>
									</div>
								</div>
							</div>
						</div>
                        </p>
    </div>
   
</div>

						
					
					</div>

							</div>
						</div>
					</div>
						
						</div>
					</div>
				</div>
			</div>



            
@endsection
=======
@php
    $summary = $insights['summary'];
    $fullName = trim($farmer->farmer_fname.' '.$farmer->farmer_lname);
    $photoUrl = $farmer->farmer_photo ? url('upload/farmers/'.$farmer->farmer_photo) : url('upload/no_image.jpg');
    $farmerLinks = [
        'add_grn' => route('add.grn.form', ['id_farmer' => $farmer->id_farmer]),
        'gp_voucher' => route('general.vouchers.create', array_filter([
            'id_farmer' => $farmer->id_farmer,
            'account_id' => $insights['advance_account']?->id,
        ])),
        'gp_vouchers' => route('general.vouchers.index'),
        'payment_vouchers' => route('all.payment.vouchers', ['search' => $farmer->farmer_number]),
        'advances' => route('all.advances', ['search' => $farmer->farmer_number, 'tab' => 'farmers']),
        'edit' => route('edit.farmer', $farmer->id_farmer),
        'profile' => route('farmer.profile.view', $farmer->id_farmer),
    ];
@endphp

<div class="page-content">
    <x-chm.layout.page
        :title="$fullName"
        :subtitle="'Hope Coffee farmer · '.$farmer->farmer_number.($summary['age'] ? ' · '.$summary['age'].' yrs' : '')"
        icon="bx bx-user-circle"
    >
        <x-slot:breadcrumb>
            <x-chm.breadcrumb-item :href="route('admin.dashboard')">Home</x-chm.breadcrumb-item>
            <x-chm.breadcrumb-item :href="route('all.farmers')">All farmers</x-chm.breadcrumb-item>
            <x-chm.breadcrumb-item :active="true">{{ $farmer->farmer_number }}</x-chm.breadcrumb-item>
        </x-slot:breadcrumb>

        <x-slot:actions>
            @can('farmer.edit')
                <x-chm.button variant="outline-primary" icon="bx bx-edit" :href="route('edit.farmer', $farmer->id_farmer)">Edit farmer</x-chm.button>
            @endcan
            @if(Route::has('add.grn.form'))
                <x-chm.button variant="primary" icon="bx bx-plus" :href="$farmerLinks['add_grn']">New GRN</x-chm.button>
            @endif
        </x-slot:actions>

        {{-- Stats --}}
        <div class="row row-cols-2 row-cols-md-4 row-cols-xl-6 g-3 mb-3">
            <x-chm.stat-card label="GRN deliveries" :value="$summary['grns']" icon="bx bx-package" color="primary" />
            <x-chm.stat-card label="FAQ delivered (kg)" :value="number_format($summary['faq_kg'], 1)" icon="bx bx-coffee" color="warning" />
            <x-chm.stat-card label="Payment vouchers" :value="$summary['vouchers']" icon="bx bx-receipt" color="info" />
            <x-chm.stat-card label="Total net pay" :value="number_format($summary['total_net_pay'])" icon="bx bx-money" color="success" />
            <x-chm.stat-card label="Advances" :value="$summary['advances']" icon="bx bx-credit-card" color="warning" />
            <x-chm.stat-card label="A/R balance" :value="number_format($summary['ar_balance'])" icon="bx bx-wallet" color="danger" />
        </div>

        <div class="row row-cols-2 row-cols-md-3 g-3 mb-4">
            <x-chm.stat-card label="Ungraded (kg)" :value="number_format($summary['ungraded_kg'], 1)" icon="bx bx-layer" color="info" />
            <x-chm.stat-card label="Kiboko (kg)" :value="number_format($summary['kiboko_kg'], 1)" icon="bx bx-cube" color="warning" />
            <x-chm.stat-card label="Advance outstanding" :value="number_format($summary['advance_outstanding'])" icon="bx bx-trending-down" color="danger" />
            <x-chm.stat-card label="Days registered" :value="$summary['registered_days'] ? number_format($summary['registered_days']) : '—'" icon="bx bx-calendar" color="primary" />
        </div>

        <div class="row g-4">
            {{-- Sidebar --}}
            <div class="col-lg-4">
                <div class="card chm-child-hero overflow-hidden mb-0">
                    <div class="chm-child-hero-photo">
                        <img src="{{ $photoUrl }}" alt="{{ $fullName }}">
                        @if($summary['age'])
                            <span class="chm-child-hero-age">{{ $summary['age'] }} yrs</span>
                        @endif
                    </div>
                    <div class="card-body">
                        <div class="d-flex flex-wrap align-items-center gap-2 mb-2">
                            <x-chm.status-badge status="success" :label="$farmer->group->group_name ?? 'Farmer'" />
                            @if($farmer->EUDR)
                                <span class="badge bg-light text-dark border">EUDR {{ $farmer->EUDR }}</span>
                            @endif
                        </div>
                        <h4 class="mb-1">{{ $fullName }}</h4>
                        <p class="text-muted small mb-2">{{ $farmer->farmer_number }}</p>
                        <p class="small mb-1"><i class="bx bx-phone"></i> {{ $farmer->farmer_contact ? '+'.$farmer->farmer_contact : 'No contact' }}</p>
                        <p class="small mb-0"><i class="bx bx-map-pin"></i> {{ $insights['location']['village'] }}</p>
                    </div>
                </div>

                <div class="card mt-4">
                    <div class="card-body">
                        <h6 class="mb-3"><i class="bx bx-list-ul me-1"></i> Record facts</h6>
                        <ul class="chm-child-meta-list chm-child-meta-list-compact mb-0">
                            @foreach($insights['facts'] as $fact)
                                <li><span>{{ $fact['label'] }}</span><strong>{{ $fact['value'] }}</strong></li>
                            @endforeach
                        </ul>
                    </div>
                </div>

                <div class="card mt-4">
                    <div class="card-body">
                        <h6 class="mb-3"><i class="bx bx-link-alt me-1"></i> Quick actions</h6>
                        <div class="d-grid gap-2">
                            @can('farmer.edit')
                                <a href="{{ $farmerLinks['edit'] }}" class="chm-profile-quick-link"><i class="bx bx-edit"></i><span>Edit farmer record</span><i class="bx bx-chevron-right ms-auto"></i></a>
                            @endcan
                            @if(Route::has('add.grn.form'))
                                <a href="{{ $farmerLinks['add_grn'] }}" class="chm-profile-quick-link"><i class="bx bx-plus"></i><span>New GRN for this farmer</span><i class="bx bx-chevron-right ms-auto"></i></a>
                            @endif
                            @if(Route::has('general.vouchers.create'))
                                <a href="{{ $farmerLinks['gp_voucher'] }}" class="chm-profile-quick-link"><i class="bx bx-file"></i><span>Record advance (GP voucher)</span><i class="bx bx-chevron-right ms-auto"></i></a>
                            @endif
                            @if(Route::has('all.advances'))
                                <a href="{{ $farmerLinks['advances'] }}" class="chm-profile-quick-link"><i class="bx bx-credit-card"></i><span>View all advances</span><i class="bx bx-chevron-right ms-auto"></i></a>
                            @endif
                            @if(Route::has('all.payment.vouchers'))
                                <a href="{{ $farmerLinks['payment_vouchers'] }}" class="chm-profile-quick-link"><i class="bx bx-receipt"></i><span>View payment vouchers</span><i class="bx bx-chevron-right ms-auto"></i></a>
                            @endif
                            <a href="{{ route('all.farmers') }}" class="chm-profile-quick-link"><i class="bx bx-arrow-back"></i><span>Back to all farmers</span><i class="bx bx-chevron-right ms-auto"></i></a>
                        </div>
                    </div>
                </div>
            </div>

            {{-- Tabs --}}
            <div class="col-lg-8">
                <div class="card chm-child-tabs-card">
                    <div class="card-body">
                        <ul class="nav nav-tabs chm-tabs mb-4 flex-wrap" role="tablist">
                            <li class="nav-item"><button class="nav-link active" data-bs-toggle="tab" data-bs-target="#farmer-tab-analytics" type="button"><i class="bx bx-bar-chart-alt-2 me-1"></i> Analytics</button></li>
                            <li class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#farmer-tab-background" type="button"><i class="bx bx-user-check me-1"></i> Background</button></li>
                            <li class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#farmer-tab-coffee" type="button"><i class="bx bx-coffee me-1"></i> Coffee & GRN @if($summary['grns'] > 0)<span class="badge bg-primary ms-1">{{ $summary['grns'] }}</span>@endif</button></li>
                            <li class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#farmer-tab-finance" type="button"><i class="bx bx-wallet me-1"></i> Finance @if($summary['vouchers'] + $summary['advances'] > 0)<span class="badge bg-secondary ms-1">{{ $summary['vouchers'] + $summary['advances'] }}</span>@endif</button></li>
                            <li class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#farmer-tab-activity" type="button"><i class="bx bx-history me-1"></i> Activity @if(count($insights['activity_timeline']) > 0)<span class="badge bg-secondary ms-1">{{ count($insights['activity_timeline']) }}</span>@endif</button></li>
                            <li class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#farmer-tab-gallery" type="button"><i class="bx bx-image me-1"></i> Photos @if($insights['photos']->count() > 0)<span class="badge bg-secondary ms-1">{{ $insights['photos']->count() }}</span>@endif</button></li>
                        </ul>

                        <div class="tab-content">
                            <div class="tab-pane fade show active" id="farmer-tab-analytics" role="tabpanel">
                                @include('admin.transformation.farmers.partials.farmer-profile-analytics')
                            </div>
                            <div class="tab-pane fade" id="farmer-tab-background" role="tabpanel">
                                @include('admin.transformation.farmers.partials.farmer-profile-background')
                            </div>
                            <div class="tab-pane fade" id="farmer-tab-coffee" role="tabpanel">
                                @include('admin.transformation.farmers.partials.farmer-profile-coffee')
                            </div>
                            <div class="tab-pane fade" id="farmer-tab-finance" role="tabpanel">
                                @include('admin.transformation.farmers.partials.farmer-profile-finance')
                            </div>
                            <div class="tab-pane fade" id="farmer-tab-activity" role="tabpanel">
                                @include('admin.transformation.farmers.partials.farmer-profile-activity')
                            </div>
                            <div class="tab-pane fade" id="farmer-tab-gallery" role="tabpanel">
                                @include('admin.transformation.farmers.partials.farmer-profile-gallery')
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </x-chm.layout.page>
</div>

@push('vendor-scripts')
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
@endpush

@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function () {
    var charts = @json($insights['charts']);
    var navy = '#1e3a5f';
    var gold = '#c8a951';
    var green = '#3ecf8e';
    var red = '#ff6b6b';
    var blue = '#2d5a87';
    var palette = [navy, gold, green, blue, red, '#9b59b6', '#e67e22', '#1abc9c'];
    var instances = {};
    var chartInited = false;

    function hasData(arr) {
        return Array.isArray(arr) && arr.length > 0 && arr.some(function (v) { return Number(v) > 0; });
    }

    function doughnut(id, labels, values) {
        var el = document.getElementById(id);
        if (!el || !labels.length) return;
        instances[id] = new Chart(el.getContext('2d'), {
            type: 'doughnut',
            data: {
                labels: labels,
                datasets: [{ data: values, backgroundColor: palette.slice(0, labels.length), borderWidth: 2 }]
            },
            options: {
                maintainAspectRatio: false,
                plugins: { legend: { position: 'bottom', labels: { boxWidth: 12, font: { size: 11 } } } }
            }
        });
    }

    function initFarmerCharts() {
        if (chartInited) return;
        chartInited = true;

        var monthlyEl = document.getElementById('farmerChartMonthly');
        if (monthlyEl && charts.monthly_deliveries.labels.length) {
            instances.farmerChartMonthly = new Chart(monthlyEl.getContext('2d'), {
                type: 'line',
                data: {
                    labels: charts.monthly_deliveries.labels,
                    datasets: [
                        { label: 'FAQ (kg)', data: charts.monthly_deliveries.faq, borderColor: gold, backgroundColor: 'rgba(200,169,81,0.15)', fill: true, tension: 0.3 },
                        { label: 'Ungraded (kg)', data: charts.monthly_deliveries.ungraded, borderColor: blue, backgroundColor: 'rgba(45,90,135,0.12)', fill: true, tension: 0.3 },
                        { label: 'Kiboko (kg)', data: charts.monthly_deliveries.kiboko, borderColor: green, backgroundColor: 'rgba(62,207,142,0.12)', fill: true, tension: 0.3 }
                    ]
                },
                options: {
                    maintainAspectRatio: false,
                    plugins: { legend: { position: 'top' } },
                    scales: { y: { beginAtZero: true, ticks: { callback: function (v) { return Number(v).toLocaleString(); } } } }
                }
            });
        }

        var yearlyEl = document.getElementById('farmerChartYearly');
        if (yearlyEl && charts.yearly_deliveries.labels.length) {
            instances.farmerChartYearly = new Chart(yearlyEl.getContext('2d'), {
                type: 'bar',
                data: {
                    labels: charts.yearly_deliveries.labels,
                    datasets: [
                        { label: 'FAQ (kg)', data: charts.yearly_deliveries.faq, backgroundColor: gold },
                        { label: 'Deliveries', data: charts.yearly_deliveries.deliveries, backgroundColor: navy, yAxisID: 'y1' }
                    ]
                },
                options: {
                    maintainAspectRatio: false,
                    plugins: { legend: { position: 'top' } },
                    scales: {
                        y: { beginAtZero: true, position: 'left' },
                        y1: { beginAtZero: true, position: 'right', grid: { drawOnChartArea: false } }
                    }
                }
            });
        }

        if (hasData(charts.grade_breakdown.values)) {
            doughnut('farmerChartGrades', charts.grade_breakdown.labels, charts.grade_breakdown.values);
        }
        if (charts.coffee_types.labels.length) {
            doughnut('farmerChartCoffeeTypes', charts.coffee_types.labels, charts.coffee_types.values);
        }
        if (charts.voucher_status.labels.length) {
            doughnut('farmerChartVoucherStatus', charts.voucher_status.labels, charts.voucher_status.values);
        }

        var payEl = document.getElementById('farmerChartPayments');
        if (payEl && charts.payments_yearly.labels.length) {
            instances.farmerChartPayments = new Chart(payEl.getContext('2d'), {
                type: 'bar',
                data: {
                    labels: charts.payments_yearly.labels,
                    datasets: [
                        { label: 'Net pay', data: charts.payments_yearly.net_pay, backgroundColor: green },
                        { label: 'Deductions', data: charts.payments_yearly.deductions, backgroundColor: red }
                    ]
                },
                options: {
                    maintainAspectRatio: false,
                    plugins: { legend: { position: 'top' } },
                    scales: { y: { ticks: { callback: function (v) { return Number(v).toLocaleString(); } } } }
                }
            });
        }

        var advEl = document.getElementById('farmerChartAdvances');
        if (advEl && charts.advance_types.labels.length) {
            instances.farmerChartAdvances = new Chart(advEl.getContext('2d'), {
                type: 'bar',
                data: {
                    labels: charts.advance_types.labels,
                    datasets: [
                        { label: 'Approved', data: charts.advance_types.approved, backgroundColor: blue },
                        { label: 'Remaining', data: charts.advance_types.remaining, backgroundColor: red }
                    ]
                },
                options: {
                    maintainAspectRatio: false,
                    plugins: { legend: { position: 'top' } },
                    scales: { y: { ticks: { callback: function (v) { return Number(v).toLocaleString(); } } } }
                }
            });
        }
    }

    initFarmerCharts();

    document.querySelectorAll('[data-bs-toggle="tab"]').forEach(function (tab) {
        tab.addEventListener('shown.bs.tab', function () {
            Object.keys(instances).forEach(function (key) {
                if (instances[key]) instances[key].resize();
            });
        });
    });
});
</script>
@endpush

@endsection
>>>>>>> origin/main