@extends('layouts.app')

@section('content')
    <div class="content-wrapper">
        <!-- Machine Stats Header Start -->
        <div class="row mb-4">
        <div class="col-md-12">
            <div class="card bg-white border-0 b-shadow-4 p-20 rounded justify-content-between">
                <div class="d-flex align-items-center justify-content-between flex-wrap">
                    <div class="d-flex align-items-center">
                        {{-- Machine Image or Icon --}}
                        <div class="mr-3" style="flex-shrink:0;">
                            @if($machine->image)
                                <img src="{{ asset('user-uploads/machines/' . $machine->image) }}"
                                     alt="{{ $machine->machine_name }}"
                                     style="width:70px; height:70px; object-fit:cover; border-radius:12px; border:2px solid #e3eaf3;">
                            @else
                                <div class="avatar-lg rounded bg-light d-flex align-items-center justify-content-center"
                                     style="width:70px; height:70px; border-radius:12px;">
                                    <i class="fa fa-cog fa-2x text-primary"></i>
                                </div>
                            @endif
                            
                        </div>
                        <div>
                            <h3 class="mb-0 text-darkest-grey font-weight-bold">{{ $machine->machine_name }}</h3>
                            <p class="text-muted mb-0">
                                Code: <span class="font-weight-bold">{{ $machine->machine_code ?? 'N/A' }}</span>
                                | Type: {{ $machine->machine_type ?? 'N/A' }}
                                @if($machine->category)
                                    | <span class="badge badge-pill" style="background-color: {{ $machine->category->color ?? '#6c757d' }}; color:#fff;">{{ $machine->category->name }}</span>
                                @endif
                            </p>
                        </div>
                    </div>
                    <div class="d-flex align-items-center mt-3 mt-lg-0">
                        <div class="mr-3">{!! $machine->status_badge !!}</div>
                        <a href="{{ route('machines.edit', $machine->id) }}" class="btn btn-secondary btn-sm openRightModal mr-2"><i class="fa fa-edit mr-1"></i>Edit</a>
                        <a href="{{ route('machines.index') }}" class="btn btn-light btn-sm"><i class="fa fa-arrow-left mr-1"></i>Back</a>
                    </div>
                </div>
            </div>
        </div>
        </div>
        <!-- Machine Stats Header End -->

        
        <!-- Stats Row Start -->
        <div class="row mb-4">
            <div class="col-xl-3 col-lg-6 col-md-6 mb-3">
                <x-cards.widget :title="'Total Revenue / Income'" :value="global_currency_format($totalIncome)" icon="money-bill-wave" />
            </div>
            <div class="col-xl-3 col-lg-6 col-md-6 mb-3">
                <x-cards.widget :title="'Total Expenses'" :value="global_currency_format($totalExpense)" icon="money-bill-wave" />
            </div>
            <div class="col-xl-3 col-lg-6 col-md-6 mb-3">
                <x-cards.widget :title="'Net Profit'" :value="global_currency_format($profit)" icon="coins" />
            </div>
            <div class="col-xl-3 col-lg-6 col-md-6 mb-3">
                <x-cards.widget :title="'Total Active Hours'" :value="$totalHours . ' Hrs'" icon="clock" />
            </div>
        </div>
        <!-- Stats Row End -->

        <!-- Details and Tabs Start -->
        <div class="row">
            <div class="col-lg-12">
                <div class="card bg-white border-0 b-shadow-4 p-20 rounded">
                    <!-- Tab Headers -->

                    <ul class="nav nav-tabs border-bottom-grey mb-4" role="tablist" id="machine-tabs">
                        <li class="nav-item">
                            <a class="nav-link active text-darkest-grey font-weight-bold" data-toggle="tab" href="#tab-details" role="tab">Details</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link text-darkest-grey font-weight-bold" data-toggle="tab" href="#tab-activities" role="tab">Activities</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link text-darkest-grey font-weight-bold" data-toggle="tab" href="#tab-maintenance" role="tab">Maintenance</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link text-darkest-grey font-weight-bold" data-toggle="tab" href="#tab-financials" role="tab">Financial Logs</a>
                        </li>
                    </ul>

                    <!-- Tab Contents -->
                    <div class="tab-content">
                        <!-- Details Tab -->
                        <div class="tab-pane active" id="tab-details" role="tabpanel">
                            <div class="row">
                                
                                <div class="col-md-6">
                                    <h4 class="heading-h3 mb-3">Purchase & Specification Details</h4>
                                    <table class="table table-bordered">
                                        <tr>
                                            <th class="bg-light w-50">Category</th>
                                            <td>
                                                @if($machine->category)
                                                    <span class="badge badge-pill" style="background-color:{{ $machine->category->color ?? '#6c757d' }}; color:#fff;">
                                                        {{ $machine->category->name }}
                                                    </span>
                                                @else
                                                    <span class="text-muted">N/A</span>
                                                @endif
                                            </td>
                                        </tr>
                                        {{-- Add this row --}}
                                        <tr>
                                            <th class="bg-light">Client</th>
                                            <td>
                                                @if($machine->client)
                                                    <a href="{{ route('clients.show', $machine->client->id) }}">{{ $machine->client->name }}</a>
                                                @else
                                                    <span class="text-muted">N/A</span>
                                                @endif
                                            </td>
                                        </tr>
                                        <tr>
                                            <th class="bg-light">Model Number</th>
                                            <td>{{ $machine->model_number ?? 'N/A' }}</td>
                                        </tr>
                                        <tr>
                                            <th class="bg-light">Serial Number</th>
                                            <td>{{ $machine->serial_number ?? 'N/A' }}</td>
                                        </tr>
                                        <tr>
                                            <th class="bg-light">Purchase Date</th>
                                            <td>{{ $machine->purchase_date ? $machine->purchase_date->format(company()->date_format) : 'N/A' }}</td>
                                        </tr>
                                        <tr>
                                            <th class="bg-light">Purchase Cost</th>
                                            <td>{{ $machine->purchase_price ? global_currency_format($machine->purchase_price) : 'N/A' }}</td>
                                        </tr>
                                        <tr>
                                            <th class="bg-light">Capacity / Efficiency</th>
                                            <td>{{ $machine->capacity ?? 'N/A' }}</td>
                                        </tr>
                                        <tr>
                                            <th class="bg-light">Operator</th>
                                            <td>
                                                @if($machine->operator)
                                                    {{ $machine->operator->name }}
                                                @else
                                                    <span class="text-muted">N/A</span>
                                                @endif
                                            </td>
                                        </tr>
                                        <tr>
                                            <th class="bg-light">Current Location</th>
                                            <td>{{ $machine->current_location ?? 'N/A' }}</td>
                                        </tr>
                                        <tr>
                                            <th class="bg-light">Fuel Type</th>
                                            <td>{{ $machine->fuel_type ?? 'N/A' }}</td>
                                        </tr>
                                        <tr>
                                            <th class="bg-light">Insurance Expiry</th>
                                            <td>{{ $machine->insurance_expiry ? $machine->insurance_expiry->format(company()->date_format) : 'N/A' }}</td>
                                        </tr>
                                    </table>
                                </div>
                                <div class="col-md-6">
                                    <h4 class="heading-h3 mb-3">Notes / Remarks</h4>
                                    <div class="bg-light p-3 rounded text-darkest-grey" style="min-height: 150px;">
                                        {!! nl2br(e($machine->notes)) ?: '<span class="text-muted">No notes added.</span>' !!}
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Activities Tab -->
                        <div class="tab-pane" id="tab-activities" role="tabpanel">
                            <div class="d-flex justify-content-between mb-3 align-items-center">
                                <h4 class="heading-h3 mb-0">Recent Activity Logs</h4>
                                <a href="{{ route('machine-activities.create', ['machine_id' => $machine->id]) }}" class="btn btn-primary btn-sm openRightModal"><i class="fa fa-plus mr-1"></i>Log Activity</a>
                            </div>
                            <div class="table-responsive">
                                <table class="table table-hover">
                                    <thead>
                                        <tr>
                                            <th>Operator</th>
                                            <th>Start Time</th>
                                            <th>End Time</th>
                                            <th>Total Hours</th>
                                            <th>Meter Start</th>
                                            <th>Meter End</th>
                                            <th>Location</th>
                                            <th>Remarks</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse ($machine->activities as $activity)
                                            <tr>
                                                <td>{{ $activity->operator }}</td>
                                                <td>{{ $activity->start_time ? \Carbon\Carbon::parse($activity->start_time)->format(company()->date_format . ' ' . company()->time_format) : 'N/A' }}</td>
                                                <td>{{ $activity->end_time ? \Carbon\Carbon::parse($activity->end_time)->format(company()->date_format . ' ' . company()->time_format) : 'N/A' }}</td>
                                                <td>{{ $activity->total_hours }} Hrs</td>
                                                <td>{{ $activity->meter_start ?? 'N/A' }}</td>
                                                <td>{{ $activity->meter_end ?? 'N/A' }}</td>
                                                <td>{{ $activity->location ?? 'N/A' }}</td>
                                                <td>{{ $activity->remarks ?? 'N/A' }}</td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="8" class="text-center py-4">No activities logged yet.</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>

                        <!-- Maintenance Tab -->
                        <div class="tab-pane" id="tab-maintenance" role="tabpanel">
                            <div class="d-flex justify-content-between mb-3 align-items-center">
                                <h4 class="heading-h3 mb-0">Maintenance History</h4>
                                <a href="{{ route('machine-maintenance.create', ['machine_id' => $machine->id]) }}" class="btn btn-primary btn-sm openRightModal"><i class="fa fa-plus mr-1"></i>Add Maintenance</a>
                            </div>
                            <div class="table-responsive">
                                <table class="table table-hover">
                                    <thead>
                                        <tr>
                                            <th>Maintenance Date</th>
                                            <th>Type</th>
                                            <th>Cost</th>
                                            <th>Service Provider</th>
                                            <th>Remarks</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse ($machine->maintenance as $maint)
                                            <tr>
                                                <td>{{ $maint->maintenance_date ? \Carbon\Carbon::parse($maint->maintenance_date)->format(company()->date_format) : 'N/A' }}</td>
                                                <td><span class="badge badge-info">{{ ucwords(str_replace('_', ' ', $maint->maintenance_type)) }}</span></td>
                                                <td>{{ global_currency_format($maint->cost) }}</td>
                                                <td>{{ $maint->service_provider ?? 'N/A' }}</td>
                                                <td>{{ $maint->remarks ?? 'N/A' }}</td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="5" class="text-center py-4">No maintenance history recorded yet.</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>

                        <!-- Financials Tab -->
                        <div class="tab-pane" id="tab-financials" role="tabpanel">
                            <div class="row">
                                <div class="col-md-6 border-right">
                                    <div class="d-flex justify-content-between mb-3 align-items-center">
                                        <h4 class="heading-h3 mb-0">Income logs</h4>
                                        <a href="{{ route('machine-income.create', ['machine_id' => $machine->id]) }}" class="btn btn-primary btn-sm openRightModal"><i class="fa fa-plus mr-1"></i>Add Income</a>
                                    </div>
                                    <div class="table-responsive">
                                        <table class="table table-hover">
                                            <thead>
                                                <tr>
                                                    <th>Date</th>
                                                    <th>Amount</th>
                                                    <th>Description</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @forelse ($machine->income as $inc)
                                                    <tr>
                                                        <td>{{ $inc->income_date ? \Carbon\Carbon::parse($inc->income_date)->format(company()->date_format) : 'N/A' }}</td>
                                                        <td class="text-success font-weight-bold">+{{ global_currency_format($inc->amount) }}</td>
                                                        <td>{{ $inc->description ?? 'N/A' }}</td>
                                                    </tr>
                                                @empty
                                                    <tr>
                                                        <td colspan="3" class="text-center py-4">No income records found.</td>
                                                    </tr>
                                                @endforelse
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="d-flex justify-content-between mb-3 align-items-center">
                                        <h4 class="heading-h3 mb-0">Expense logs</h4>
                                        <a href="{{ route('machine-expenses.create', ['machine_id' => $machine->id]) }}" class="btn btn-primary btn-sm openRightModal"><i class="fa fa-plus mr-1"></i>Add Expense</a>
                                    </div>
                                    <div class="table-responsive">
                                        <table class="table table-hover">
                                            <thead>
                                                <tr>
                                                    <th>Date</th>
                                                    <th>Amount</th>
                                                    <th>Type</th>
                                                    <th>Description</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @forelse ($machine->expenses as $exp)
                                                    <tr>
                                                        <td>{{ $exp->date ? \Carbon\Carbon::parse($exp->date)->format(company()->date_format) : 'N/A' }}</td>
                                                        <td class="text-danger font-weight-bold">-{{ global_currency_format($exp->amount) }}</td>
                                                        <td>{{ ucwords(str_replace('_', ' ', $exp->type)) }}</td>
                                                        <td>{{ $exp->description ?? 'N/A' }}</td>
                                                    </tr>
                                                @empty
                                                    <tr>
                                                        <td colspan="4" class="text-center py-4">No expense records found.</td>
                                                    </tr>
                                                @endforelse
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Details and Tabs End -->
    </div>
@endsection