@extends('admin.layout.app')

@section('body')
    <div class="container mt-4">
        <div class="card card-page p-4 shadow-sm">
            {{-- Alerts --}}
            @if (session('success'))
                <div class="alert alert-success">{{ session('success') }}</div>
            @endif
            @if (session('error'))
                <div class="alert alert-danger">{{ session('error') }}</div>
            @endif

            <div class="d-flex justify-content-between align-items-center mb-4">
                <div>
                    <h4 class="mb-0">Company: {{ $company->name }}</h4>
                    <small class="text-muted">Created at: {{ optional($company->created_at)->format('Y-m-d H:i') }}</small>
                </div>
                <div>
                    <a href="{{ route('companies.edit', $company->id) }}" class="btn btn-sm btn-outline-primary me-2">
                        <i class="fas fa-edit"></i> Edit
                    </a>
                    <a href="{{ route('companies.index') }}" class="btn btn-sm btn-outline-secondary">Back</a>
                </div>
            </div>

            {{-- Company Details --}}
            <div class="row gy-3 mb-4">
                <div class="col-md-6">
                    <strong>Name:</strong>
                    <p class="mb-0">{{ $company->name }}</p>
                </div>
                <div class="col-md-6">
                    <strong>Contact Person:</strong>
                    <p class="mb-0">{{ $company->contact_person ?? '—' }}</p>
                </div>
                <div class="col-md-6">
                    <strong>Phone:</strong>
                    <p class="mb-0">{{ $company->phone ?? '—' }}</p>
                </div>
                <div class="col-md-6">
                    <strong>Email:</strong>
                    <p class="mb-0">{{ $company->email ?? '—' }}</p>
                </div>
                <div class="col-12">
                    <strong>Address:</strong>
                    <p class="mb-0">{{ $company->address ?? '—' }}</p>
                </div>
            </div>

            {{-- Related Tabs --}}
            <ul class="nav nav-tabs mb-3" id="companyTabs" role="tablist">
                <li class="nav-item" role="presentation">
                    <button class="nav-link active" id="machineries-tab" data-bs-toggle="tab" data-bs-target="#machineries"
                        type="button" role="tab">
                        Machineries <span class="badge bg-light text-dark ms-1">{{ $company->machineries->count() }}</span>
                    </button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="expenses-tab" data-bs-toggle="tab" data-bs-target="#expenses"
                        type="button" role="tab">
                        Expenses <span
                            class="badge bg-light text-dark ms-1">{{ $company->companyExpenses->count() ?? 0 }}</span>
                        {{-- که companyExpenses کاروئ: $company->companyExpenses->count() --}}
                    </button>
                </li>
            </ul>

            <div class="tab-content" id="companyTabsContent">
                {{-- Machineries Tab --}}
                <div class="tab-pane fade show active" id="machineries" role="tabpanel" aria-labelledby="machineries-tab">
                    @if ($company->machineries->isEmpty())
                        <p class="text-muted">No machinery registered for this company.</p>
                    @else
                        <div class="table-responsive">
                            <table class="table table-bordered align-middle mb-0">
                                <thead class="table-light">
                                    <tr>
                                        <th>#</th>
                                        <th>Name</th>
                                        <th>Type</th>
                                        <th>Purchase Date</th>
                                        <th class="text-end">Hourly Rate</th>
                                        <th class="text-center">Actions</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($company->machineries as $m)
                                        <tr>
                                            <td>{{ $m->id }}</td>
                                            <td>{{ $m->name }}</td>
                                            <td>{{ $m->type ?? '—' }}</td>
                                            <td>{{ optional($m->purchase_date)->format('Y-m-d') ?? ($m->purchase_date ?? '—') }}
                                            </td>
                                            <td class="text-end">
                                                {{ $m->hourly_rate ? number_format((float) $m->hourly_rate, 2) : '—' }}
                                            </td>
                                            <td class="text-center">
                                                <a href="{{ route('machineries.edit', $m) }}"
                                                    class="btn btn-sm btn-outline-primary">
                                                    <i class="fas fa-edit"></i>
                                                </a>
                                                <form action="{{ route('machineries.destroy', $m) }}" method="POST"
                                                    class="d-inline" onsubmit="return confirm('Delete machinery?');">
                                                    @csrf @method('DELETE')
                                                    <button class="btn btn-sm btn-outline-danger"><i
                                                            class="fas fa-trash"></i></button>
                                                </form>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    @endif
                </div>

                {{-- Expenses Tab --}}
                <div class="tab-pane fade" id="expenses" role="tabpanel" aria-labelledby="expenses-tab">
                    @php
                        $expenses = $company->personalExpenses ?? collect();
                    @endphp

                    @if ($expenses->isEmpty())
                        <p class="text-muted">No expenses recorded for this company.</p>
                    @else
                        <div class="table-responsive">
                            <table class="table table-bordered align-middle mb-0">
                                <thead class="table-light">
                                    <tr>
                                        <th>#</th>
                                        <th class="text-end">Amount</th>
                                        <th>Currency</th>
                                        <th>Date</th>
                                        <th>Description</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($expenses as $e)
                                        <tr>
                                            <td>{{ $e->id }}</td>
                                            <td class="text-end">{{ number_format((float) $e->amount, 2) }}</td>
                                            <td>{{ $e->currency ?? '—' }}</td>
                                            <td>{{ optional($e->date)->format('Y-m-d') ?? ($e->date ?? '—') }}</td>
                                            <td>{{ $e->description ?? '—' }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
@endsection