@extends('master.app')
@section('title', 'Business Info')
@section('body')
<main class="app-content">
    <section>
        <div class="card">
            <div class="card-body">

                <div class="d-flex justify-content-between align-items-center mb-3">
                    <h4 class="mb-0">Business Information</h4>
                    <div class="d-flex gap-2">
                        <a href="{{ route('infos.edit',$data->id) }}" class="btn btn-sm btn-primary">
                            <i class="fa fa-pencil"></i> Edit
                        </a>
                        <button class="btn btn-sm btn-dark" onclick="printBusinessInfo()">
                            <i class="fa fa-print"></i> Print
                        </button>
                        <a href="{{ route('infos.index') }}" class="btn btn-sm btn-light">Back</a>
                    </div>
                </div>

                <div id="printArea">

                    <div class="text-center mb-3">
                        @if($data->business_logo)
                            <img src="{{ asset('storage/'.$data->business_logo) }}" style="max-height:80px" alt="logo">
                        @endif
                        <h5 class="mt-2">{{ $data->business_name }}</h5>
                        @if($data->bussiness_name_ps)
                            <div class="text-muted">{{ $data->bussiness_name_ps }}</div>
                        @endif
                        <hr>
                    </div>

                    <div class="row g-3">
                        <div class="col-md-6">
                            <div class="card border">
                                <div class="card-header bg-white">Invoice Template</div>
                                <div class="card-body">
                                    @if($data->business_sale_invoice_template)
                                        @if(pathinfo($data->business_sale_invoice_template, PATHINFO_EXTENSION) == 'pdf')
                                            <iframe src="{{ asset('storage/'.$data->business_sale_invoice_template) }}"
                                                    style="width:100%;height:220px;border:1px solid #ddd;"></iframe>
                                        @else
                                            <img src="{{ asset('storage/'.$data->business_sale_invoice_template) }}"
                                                 style="width:100%;height:220px;object-fit:contain;border:1px solid #ddd;" alt="template">
                                        @endif
                                    @else
                                        <span class="text-muted">No template uploaded</span>
                                    @endif
                                </div>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <table class="table table-bordered align-middle">
                                <tr><th style="width:40%">Phone</th><td>{{ $data->business_phone }}</td></tr>
                                <tr><th>Email</th><td>{{ $data->business_email ?? '-' }}</td></tr>
                                <tr><th>Address</th><td>{{ $data->business_address ?? '-' }}</td></tr>
                                <tr><th>WhatsApp</th><td>{{ $data->business_whats_app ?? '-' }}</td></tr>
                                <tr><th>Website</th><td>{{ $data->business_website ?? '-' }}</td></tr>
                                <tr><th>Facebook</th><td>{{ $data->business_facebook ?? '-' }}</td></tr>
                                <tr>
                                    <th>Business Type</th>
                                    <td>
                                        @if($data->business_type == 1) <span class="badge bg-primary">Tread</span>
                                        @elseif($data->business_type == 2) <span class="badge bg-info">Production</span>
                                        @else <span class="badge bg-secondary">-</span>
                                        @endif
                                    </td>
                                </tr>
                                <tr>
                                    <th>Date Type</th>
                                    <td>
                                        @if($data->date_type == '1' || strtolower($data->date_type) == 'shamsi')
                                            <span class="badge bg-warning text-dark">Shamsi</span>
                                        @elseif($data->date_type == '2' || strtolower($data->date_type) == 'miladi')
                                            <span class="badge bg-success">Miladi</span>
                                        @else
                                            <span class="badge bg-secondary">-</span>
                                        @endif
                                    </td>
                                </tr>
                                <tr>
                                    <th>Each Report</th>
                                    <td>
                                        @if((int)$data->each_one_report === 1)
                                            <span class="badge bg-success">ON</span>
                                        @else
                                            <span class="badge bg-secondary">OFF</span>
                                        @endif
                                    </td>
                                </tr>
                            </table>
                        </div>

                        <div class="col-md-6">
                            <div class="card border">
                                <div class="card-header bg-white">Invoice Text (EN)</div>
                                <div class="card-body">
                                    {!! nl2br(e($data->invoice_text ?? '-')) !!}
                                </div>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="card border">
                                <div class="card-header bg-white">Invoice Text (PS)</div>
                                <div class="card-body">
                                    {!! nl2br(e($data->invoice_text_ps ?? '-')) !!}
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="mt-3 text-center text-muted small">
                        Powered by OomClick Software Company
                    </div>

                </div>

            </div>
        </div>
    </section>
</main>
@endsection

@section('pageJs')
<script>
    $(".app-menu").removeClass("active");
    $("#nav_configi").addClass("active is-expanded");
    $("#nav_bussiness_info").addClass("active");

    function printBusinessInfo(){
        const html = document.getElementById('printArea').innerHTML;
        const win = window.open('', '', 'width=1200,height=900');
        win.document.write(`
            <html>
            <head>
                <title>Business Info</title>
                <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
                <style>
                    body{ color:#111; }
                    @media print{ .badge{border:1px solid #ddd !important;} }
                </style>
            </head>
            <body class="p-4">
                ${html}
            </body>
            </html>
        `);
        win.document.close();
        win.focus();
        win.print();
        win.close();
    }
</script>
@endsection