@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">{{ __('home.clothing_types_list') }}</div>
    <div class="card-body">
    <table class="table table-bordered table-striped text-center">
        <thead>
            <tr>
                <th>{{ __('home.template_name') }}</th>
                <th>{{ __('home.components') }}</th>
                <th>{{ __('home.notes') }}</th>
                <th>{{ __('home.actions') }}</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 ?? __('home.unknown') }}</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> {{ __('home.edit') }}
                    </a>

                    <a href="{{ route('templates.destroy', $template->id) }}"
                    class="btn btn-sm btn-danger"
                    onclick="return confirm('{{ __('home.delete_confirm') }}')">
                        <i class="fa fa-trash"></i> {{ __('home.delete') }}
                    </a>
                </td>
            </tr>
            @endforeach
        </tbody>
    </table>
    </div>
</div>
@endsection