@extends('layouts.master')
@section('css')


@section('title')
{{ __('home.templates') }}
@stop
@endsection

@section('content')
@if(session()->has('success'))
    <div class="alert alert-success alert-dismissible fade show" role="alert">
        <strong>✅ تم بنجاح:</strong> {{ session()->get('success') }}
        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true">&times;</span>
        </button>
    </div>
@endif

@if(session()->has('error'))
    <div class="alert alert-danger alert-dismissible fade show" role="alert">
        <strong>❌ خطأ:</strong> {{ session()->get('error') }}
        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true">&times;</span>
        </button>
    </div>
@endif

@if ($errors->any())
    <div class="alert alert-danger">
        <ul class="mb-0">
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif



<div class="card">
    <div class="card-header">قائمة أنواع الثياب</div>
    <div class="card-body">
    <table class="table table-bordered table-striped text-center">
        <thead>
            <tr>
                <th>اسم القالب</th>
                <th>المكونات (المنتجات)</th>
                <th>ملاحظات</th>
                <th>العمليات</th>
            </tr>
        </thead>
        <tbody>
            @foreach($templates as $template)
            <tr>
                <td>{{ $template->template_name }}</td>
                <td class="text-right">
                    <ul class="mb-0">
                        @foreach($template->items as $item)
                            <li>{{ $item->product->product_name ?? 'غير معروف' }}</li>
                        @endforeach
                    </ul>
                </td>
                <td>{{ $template->notes }}</td>
                <td>
                    <a href="{{ route('templates.edit', $template->id) }}" class="btn btn-sm btn-info">
                        <i class="fa fa-edit"></i> تعديل
                    </a>

                    <a href="{{ route('templates.destroy', $template->id) }}"
                    class="btn btn-sm btn-danger"
                    onclick="return confirm('هل أنت متأكد من حذف هذا القالب؟')">
                        <i class="fa fa-trash"></i> حذف
                    </a>
                </td>
            </tr>
            @endforeach
        </tbody>
    </table>
    </div>
</div>
@endsection