@extends('layouts.app')
@section('content')<h1 class="h3">Configurar: {{ $event->name }}</h1>
<form method="post" action="{{ route('notifications.update', $event) }}" class="card card-pay p-3 mb-4">@csrf
    @method('PUT')<div class="row g-3">
        <div class="col-md-6"><label>Nombre</label><input name="name" class="form-control" value="{{ $event->name }}">
        </div>
        <div class="col-md-6"><label>Descripción</label><input name="description" class="form-control"
                value="{{ $event->description }}"></div>

        <div class="col-md-3 form-check ms-3">
            <input type="hidden" name="is_active" value="0">
            <input name="is_active" id="is_active" value="1" type="checkbox" class="form-check-input" @checked(old('is_active', $event->is_active))>
            <label class="form-check-label" for="is_active">Activa</label>
        </div>

        <div class="col-md-3 form-check">
            <input type="hidden" name="send_email" value="0">
            <input name="send_email" id="send_email" value="1" type="checkbox" class="form-check-input" @checked(old('send_email', $event->send_email))>
            <label class="form-check-label" for="send_email">Enviar email</label>
        </div>

        <div class="col-md-3 form-check">
            <input type="hidden" name="send_whatsapp" value="0">
            <input name="send_whatsapp" id="send_whatsapp" value="1" type="checkbox" class="form-check-input" @checked(old('send_whatsapp', $event->send_whatsapp))>
            <label class="form-check-label" for="send_whatsapp">Enviar WhatsApp</label>
        </div>
        @foreach(['email', 'whatsapp'] as $ch)@php($tpl = $event->templates->firstWhere('channel', $ch))
        <div class="col-md-6">
            <h5>Plantilla {{ $ch }}</h5>
            @if($ch === 'email')
                <label>Asunto</label>
                <input class="form-control" name="templates[{{ $ch }}][subject]" value="{{ $tpl->subject ?? '' }}">
                <label>Contenido <small class="text-muted">(Variables: folio, proveedor, monto, moneda, concepto,
                        fecha_limite, url_detalle)</small></label>
                <textarea class="form-control" rows="8" name="templates[{{ $ch }}][body]">{{ $tpl->body ?? '' }}</textarea>
            @endif
            @if($ch === 'whatsapp')
                <label>SID de Template</label>
                <input class="form-control" name="templates[{{ $ch }}][twilio_content_sid]"
                    value="{{ $tpl->twilio_content_sid ?? '' }}">
                <label>JSON de Variables para WhatsApp</label>
                <textarea class="form-control" rows="8"
                    name="templates[{{ $ch }}][twilio_variables]">{{ json_encode($tpl->twilio_variables ?? '') }}</textarea>
            @endif
        </div>@endforeach
    </div><button class="btn btn-primary mt-3">Guardar</button></form>
<div class="card card-pay p-3">
    <h5>Destinatarios</h5>
    <table class="table">
        <tbody>@foreach($event->recipients as $r)<tr>
            <td>{{ $r->channel }}</td>
            <td>{{ $r->recipient_type }}</td>
            <td>{{ $r->recipient_value }}</td>
            <td>
                <form method="post" action="{{ route('notifications.recipients.delete', $r) }}">@csrf
                    @method('DELETE')<button class="btn btn-sm btn-outline-danger">Eliminar</button></form>
            </td>
        </tr>@endforeach</tbody>
    </table>
    <form method="post" action="{{ route('notifications.recipients.store', $event) }}">@csrf<div class="row g-2">
            <div class="col-md-3"><select name="channel" class="form-select">
                    <option>email</option>
                    <option>whatsapp</option>
                </select></div>
            <div class="col-md-3"><select name="recipient_type" class="form-select">
                    <option>email</option>
                    <option>phone</option>
                    <option>role</option>
                    <option>user</option>
                </select></div>
            <div class="col-md-4"><input name="recipient_value" class="form-control"
                    placeholder="correo, teléfono, rol o usuario"></div>
            <div class="col-md-2"><button class="btn btn-primary w-100">Agregar</button></div>
        </div>
    </form>
</div>@endsection