@extends('admin.layout') @section('title','Şablonlar')
@section('content')
<div class="flex items-center justify-between mb-6"><h1 class="text-2xl font-bold text-ink">Şablonlar</h1></div>

<div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mb-6">
    <div class="card"><div class="flex justify-between mb-3"><h3 class="font-semibold">Kateqoriyalar</h3></div>
        <form method="POST" action="{{ route('admin.templates.categories.store') }}" class="flex gap-2 mb-3">@csrf<input type="text" name="name" class="input text-sm flex-1" placeholder="Kateqoriya adı" required><button class="btn btn-primary" style="padding:6px 14px;font-size:12px;"><x-icon name="plus" class="w-4 h-4" /></button></form>
        <div class="space-y-1">@foreach($categories as $cat)<div class="flex justify-between text-sm py-1"><span>{{ $cat->name }}</span><form method="POST" action="{{ route('admin.templates.categories.destroy', $cat) }}" onsubmit="return confirm('Silinsin?')">@csrf @method('DELETE')<button class="text-danger hover:text-danger text-xs"><x-icon name="trash-2" class="w-4 h-4" /></button></form></div>@endforeach</div>
    </div>
    <div class="card"><div class="flex justify-between mb-3"><h3 class="font-semibold">Teqlər</h3></div>
        <form method="POST" action="{{ route('admin.templates.tags.store') }}" class="flex gap-2 mb-3">@csrf<input type="text" name="name" class="input text-sm flex-1" placeholder="Teq adı" required><button class="btn btn-primary" style="padding:6px 14px;font-size:12px;"><x-icon name="plus" class="w-4 h-4" /></button></form>
        <div class="flex flex-wrap gap-1">@foreach($tags as $tag)<span class="badge bg-surface2 text-muted inline-flex items-center gap-1">{{ $tag->name }}<form method="POST" action="{{ route('admin.templates.tags.destroy', $tag) }}" class="inline" onsubmit="return confirm('Silinsin?')">@csrf @method('DELETE')<button class="text-muted hover:text-danger ml-0.5"><x-icon name="x" class="w-4 h-4" /></button></form></span>@endforeach</div>
    </div>
</div>

<div class="card mb-6 border-2 border-primarysoft bg-primarysoft" id="uploadForm">
    <h4 class="font-medium text-sm mb-3">Yeni şablon yüklə</h4>
    <form method="POST" action="{{ route('admin.templates.upload') }}" enctype="multipart/form-data" class="space-y-3">
        @csrf
        <div><input type="file" name="zip" accept=".zip" class="input" required></div>
        <div><input type="text" name="name" class="input" placeholder="Şablon adı (boş — avtomatik)"></div>
        <div><select name="plan_id" class="input"><option value="">Tarif (hamısı)</option>@foreach($plans as $plan)<option value="{{$plan->id}}">{{$plan->name}}</option>@endforeach</select></div>
        <div><select name="target_page_type" class="input"><option value="mini_site">Mini-səhifə</option><option value="default">Bio-link</option><option value="menu">QR-Menyu</option><option value="shop">Mağaza</option><option value="all">Hamısı</option></select></div>
        <div><select name="category_id" class="input"><option value="">Kateqoriya seçin</option>@foreach($categories as $cat)<option value="{{$cat->id}}">{{$cat->name}}</option>@endforeach</select></div>
        <div><div class="flex flex-wrap gap-1">@foreach($tags as $tag)<label class="text-xs cursor-pointer"><input type="checkbox" name="tag_ids[]" value="{{$tag->id}}" class="mr-1">{{$tag->name}}</label>@endforeach</div></div>
        <div><label class="text-xs font-medium text-muted">Rənglər</label><div class="flex flex-wrap gap-1">@foreach(['tünd'=>'#0f172a','açıq'=>'#f1f5f9','göy'=>'#3b82f6','yaşıl'=>'#22c55e','qırmızı'=>'#ef4444','sarı'=>'#eab308','bənövşəyi'=>'#8b5cf6','narıncı'=>'#f97316','qara'=>'#000000','ağ'=>'#ffffff','boz'=>'#9ca3af','qəhvəyi'=>'#78350f'] as $color=>$hex)<label class="text-xs cursor-pointer inline-flex items-center gap-1"><input type="checkbox" name="colors[]" value="{{$color}}"><span class="inline-block w-3 h-3 rounded-full border border-line" style="background:{{ $hex }}"></span>{{$color}}</label>@endforeach</div></div>
        <div><label class="text-xs font-medium text-muted">Təsvir</label><textarea name="description" class="input" rows="3" placeholder="Şablon haqqında qısa məlumat (boş — avtomatik)"></textarea></div>
        <div><input type="file" name="thumbnail" accept="image/*" class="input"></div>
        <button class="btn btn-primary"><x-icon name="send" class="w-4 h-4" /> Yüklə</button>
    </form>
</div>

<div class="overflow-x-auto"><table class="w-full bg-surface rounded-xl shadow-sm border border-line"><thead><tr class="bg-surface2 text-left text-xs text-muted uppercase"><th class="px-3 py-3">Ön baxış</th><th class="px-3 py-3">Ad</th><th class="px-3 py-3">Növ</th><th class="px-3 py-3">Tarif</th><th class="px-3 py-3">Kateqoriya</th><th class="px-3 py-3">Status</th><th></th></tr></thead><tbody class="divide-y divide-line">
@foreach($templates as $tpl)
<tr>
    <td class="px-3 py-2">@if($tpl->thumbnail)<img src="{{$tpl->thumbnail}}" class="w-12 h-8 object-cover rounded border">@endif</td>
    <td class="px-3 py-2 font-medium text-sm">{{$tpl->name}}</td>
    <td class="px-3 py-2 text-xs">@php $types=['mini_site'=>'Mini-səhifə','default'=>'Bio-link','menu'=>'QR-Menyu','shop'=>'Mağaza','all'=>'Hamısı']; @endphp {{$types[$tpl->target_page_type]??$tpl->target_page_type}}</td>
    <td class="px-3 py-2 text-xs">{{$tpl->plan->name??'—'}}</td>
    <td class="px-3 py-2 text-xs text-muted">{{$tpl->category??'—'}}</td>
    <td class="px-3 py-2"><form method="POST" action="{{route('admin.templates.toggle',$tpl)}}">@csrf @method('PUT')<button class="badge {{$tpl->is_active?'badge-green':'badge-yellow'}}" style="cursor:pointer;border:none;">{{$tpl->is_active?'Aktiv':'Deaktiv'}}</button></form></td>
    <td class="px-3 py-2 text-right"><a href="{{route('admin.templates.edit',$tpl)}}" class="text-xs text-primary mr-2 inline-flex"><x-icon name="pencil" class="w-4 h-4" /></a><form method="POST" action="{{route('admin.templates.destroy',$tpl)}}" class="inline" onsubmit="return confirm('Silinsin?')">@csrf @method('DELETE')<button class="text-xs text-danger"><x-icon name="trash-2" class="w-4 h-4" /></button></form></td>
</tr>
@endforeach
</tbody></table></div>
@endsection