@extends('admin.layouts.master')

@section('title', $supplier->name_ar)
@section('page_title', $supplier->name_ar . ' (' . $supplier->code . ')')

@section('breadcrumbs')
    <li class="breadcrumb-item"><a href="{{ route('admin.suppliers.index') }}">{{ __('admin.suppliers') }}</a></li>
    <li class="breadcrumb-item active">{{ $supplier->code }}</li>
@endsection

@section('content')
<div class="card">
    <div class="card-body d-flex flex-wrap align-items-center justify-content-between">
        <div>
            <h3 class="m-0">{{ $supplier->name_ar }}
                @if($supplier->name_en)<small class="text-muted">{{ $supplier->name_en }}</small>@endif
            </h3>
            <div class="mt-1">
                <span class="badge badge-{{ $supplier->type === 'company' ? 'primary' : 'info' }}">{{ $supplier->type === 'company' ? 'شركة' : 'فرد' }}</span>
                <span class="badge badge-{{ $supplier->status === 'active' ? 'success' : 'secondary' }}">{{ $supplier->status }}</span>
                @if($supplier->rating)
                    <span class="text-warning ml-2">{{ str_repeat('★', $supplier->rating).str_repeat('☆', 5 - $supplier->rating) }}</span>
                @endif
                @if($supplier->phone)<span class="ml-3"><i class="fas fa-phone"></i> {{ $supplier->phone }}</span>@endif
                @if($supplier->email)<span class="ml-3"><i class="fas fa-envelope"></i> {{ $supplier->email }}</span>@endif
            </div>
        </div>
        <div class="btn-group">
            @can('suppliers.edit')
                <a href="{{ route('admin.suppliers.edit', $supplier) }}" class="btn btn-info"><i class="fas fa-edit"></i> {{ __('admin.edit') }}</a>
            @endcan
            @can('suppliers.delete')
                <button type="button" class="btn btn-danger crud-delete-btn"
                        data-url="{{ route('admin.suppliers.destroy', $supplier) }}"><i class="fas fa-trash"></i></button>
            @endcan
        </div>
    </div>
</div>

<div class="card card-tabs">
    <div class="card-header p-0 pt-1">
        <ul class="nav nav-tabs" role="tablist">
            <li class="nav-item"><a class="nav-link active" data-toggle="pill" href="#tab-info"><i class="fas fa-info-circle"></i> المعلومات</a></li>
            <li class="nav-item"><a class="nav-link" data-toggle="pill" href="#tab-followups"><i class="fas fa-clipboard-list"></i> المتابعات <span class="badge badge-secondary">{{ $supplier->followUps->count() }}</span></a></li>
            <li class="nav-item"><a class="nav-link" data-toggle="pill" href="#tab-grns"><i class="fas fa-truck-loading"></i> الاستلامات <span class="badge badge-secondary">{{ $supplier->stockReceivings->count() }}</span></a></li>
        </ul>
    </div>
    <div class="card-body">
        <div class="tab-content">

            <div class="tab-pane fade show active" id="tab-info">
                <div class="row">
                    <div class="col-md-6">
                        <table class="table table-sm">
                            <tr><th width="35%">الكود</th><td><code>{{ $supplier->code }}</code></td></tr>
                            <tr><th>المحافظة</th><td>{{ $supplier->governorate ?? '—' }}</td></tr>
                            <tr><th>المدينة</th><td>{{ $supplier->city ?? '—' }}</td></tr>
                            <tr><th>العنوان</th><td>{{ $supplier->address ?? '—' }}</td></tr>
                            <tr><th>الموقع</th><td>{{ $supplier->website ? '<a href="'.$supplier->website.'" target="_blank">'.$supplier->website.'</a>' : '—' }}</td></tr>
                        </table>
                    </div>
                    <div class="col-md-6">
                        <table class="table table-sm">
                            <tr><th width="35%">السجل التجاري</th><td>{{ $supplier->commercial_register ?? '—' }}</td></tr>
                            <tr><th>البطاقة الضريبية</th><td>{{ $supplier->tax_card ?? '—' }}</td></tr>
                            <tr><th>المسؤول</th><td>{{ $supplier->contact_person ?? '—' }} {{ $supplier->contact_phone ? '— '.$supplier->contact_phone : '' }}</td></tr>
                            <tr><th>الرصيد الافتتاحي</th><td>{{ format_money($supplier->opening_balance) }}</td></tr>
                            <tr><th>شروط الدفع</th><td>{{ $supplier->payment_terms ?? '—' }}</td></tr>
                            <tr><th>مدة التوريد</th><td>{{ $supplier->lead_time_days }} يوم</td></tr>
                        </table>
                    </div>
                </div>
                @if($supplier->notes)
                    <div class="alert alert-light"><strong>ملاحظات:</strong> {!! nl2br(e($supplier->notes)) !!}</div>
                @endif
            </div>

            <div class="tab-pane fade" id="tab-followups">
                <div class="d-flex justify-content-between mb-2">
                    <h5>المتابعات</h5>
                    @can('suppliers.edit')
                        <button type="button" class="btn btn-sm btn-primary" id="addFollowUpBtn"><i class="fas fa-plus"></i> متابعة جديدة</button>
                    @endcan
                </div>
                @if($supplier->followUps->isEmpty())
                    <p class="text-muted">لا توجد متابعات بعد.</p>
                @else
                    @foreach($supplier->followUps as $f)
                        @php
                            $iconMap = ['call'=>'phone','visit'=>'walking','email'=>'envelope','whatsapp'=>'comment','sms'=>'sms','meeting'=>'users','other'=>'circle'];
                            $colorMap = ['pending'=>'warning','completed'=>'success','cancelled'=>'secondary'];
                        @endphp
                        <div class="card card-outline card-{{ $colorMap[$f->status] ?? 'secondary' }} mb-2">
                            <div class="card-header py-2">
                                <i class="fas fa-{{ $iconMap[$f->type] ?? 'circle' }}"></i>
                                <b>{{ $f->subject }}</b>
                                <span class="badge badge-{{ $colorMap[$f->status] ?? 'secondary' }}">{{ $f->status }}</span>
                                <small class="text-muted ml-2">{{ $f->followup_date?->format('Y-m-d H:i') }}</small>
                            </div>
                            @if($f->notes)
                                <div class="card-body py-2">{!! nl2br(e($f->notes)) !!}</div>
                            @endif
                        </div>
                    @endforeach
                @endif
            </div>

            <div class="tab-pane fade" id="tab-grns">
                @if($supplier->stockReceivings->isEmpty())
                    <p class="text-muted">لا توجد استلامات بعد.</p>
                @else
                    <table class="table table-sm">
                        <thead class="bg-light"><tr>
                            <th>الرقم</th><th>التاريخ</th><th>الإجمالي</th><th>الحالة</th>
                        </tr></thead>
                        <tbody>
                            @foreach($supplier->stockReceivings as $g)
                                <tr>
                                    <td><a href="{{ route('admin.stock.receivings.show', $g) }}">{{ $g->number }}</a></td>
                                    <td>{{ $g->received_at?->format('Y-m-d') }}</td>
                                    <td>{{ number_format((float) $g->total_cost, 2) }}</td>
                                    <td><span class="badge badge-{{ ['draft'=>'secondary','posted'=>'success','cancelled'=>'danger'][$g->status] ?? 'secondary' }}">{{ $g->status }}</span></td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                @endif
            </div>

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

@include('admin.suppliers._followup_modal', ['supplier' => $supplier])
@endsection

@push('scripts')
@include('admin._partials.crud_scripts')
<script>
$(function () {
    $('#addFollowUpBtn').on('click', function () {
        $('#followupForm').trigger('reset');
        $('input[name=followup_date]').val('{{ now()->format('Y-m-d\\TH:i') }}');
        $('#followupModal').modal('show');
    });
    @if($errors->has('subject')) $('#followupModal').modal('show'); @endif
});
</script>
@endpush