@extends('layouts.app')

@section('title', 'Detalhes da Tela: ' . $screen->name)

@section('content')

@php
    $whatsAppText = "Olá, gostaria de falar com o comercial sobre um painel";

    if (!empty($screen->localization)) {
        $whatsAppText .= sprintf(" disponível no local: %s", $screen->localization) ;
    }
    $whatsAppText .= ".";
@endphp
<div class="container d-flex align-items-center justify-content-center">
    <div class="card text-center text-dark" style="max-width: 450px; width: 100%; box-shadow: 0 4px 12px rgba(0,0,0,0.15); border: none;">
        <div class="card-title text-white">
            <h1 class="h4 mb-0">Tela: {{ $screen->name }}</h1>
        </div>
        <div class="card-body p-4">
            <p class="card-text text-muted">Selecione uma opção abaixo para continuar.</p>
            <div class="d-grid gap-3 mt-4">
                <a href="https://wa.me/5551999700829?text={{ urlencode($whatsAppText) }}" class="btn btn-lg btn-success" target="_blank">
                    <i class="fa-brands fa-whatsapp color-primary"></i> Falar com Comercial
                </a>
                <a href="{{ route('plans.index') }}?screen_id={{$screen->id}}" class="btn btn-lg btn-primary" target="_blank">
                    <i class="fa-solid fa-cart-shopping color-bg"></i> Contratar esta Tela
                </a>
            </div>
        </div>
    </div>
</div>
@endsection