@extends('layouts.app', [
    'title' => __('User Management'),
    'parentSection' => 'laravel',
    'elementName' => 'user-management'
])

@section('title', 'Fatura |')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />

@section('content')
    @component('layouts.headers.auth')
        @component('layouts.headers.breadcrumbs')
            @slot('title')
            Fatura {{ $fatura->id }}
            @endslot

            <li class="breadcrumb-item"><a class="text-default" href="{{ route('faturas.index') }}">Lista de Faturas</a></li>
        @endcomponent
    @endcomponent

    <div class="container-fluid mt--6">

        <div class="row">
            <div class="col-xl-12 order-xl-1">
                <div class="card">
                    <div class="card-header">
                        <div class="row align-items-center">
                            <div class="col-8">
                                <h3 class="mb-0">Fatura {{ $fatura->id }}</h3>
                            </div>
                            <div class="col-4 text-right">
                                <a href="{{ route('faturas.index') }}" class="btn btn-sm btn-primary">Lista de Fatura</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 mt-2">
                        <br>
                        @include('alerts.success')
                        @include('alerts.errors')
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col">
                                <div class="form-group">
                                    <label class="form-control-label" for="input">Cliente</label>
                                    <select name="client_id" id="client_id" disabled value="{{old('client_id')}}" class="form-control" @error('client_id') is-invalid @enderror  data-toggle="select" title="Simple select" data-live-search="true"  data-placeholder="Busque aqui">
                                        <option value="{{ $client->id }}">{{$client->full_name}}</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col">
                                <div class="form-group">
                                    <label class="form-control-label" for="input">Data de Início</label>
                                    <input type="date" name="start_date" id="input-name" disabled class="form-control{{ $errors->has('start_date') ? ' is-invalid' : '' }}" value="{{$fatura->start_date}}" required autofocus>
                                </div>
                            </div>
                            <div class="col">
                                <div class="form-group">
                                    <label class="form-control-label" for="input">Data de Fim</label>
                                    <input type="date" name="end_date" id="input-name" disabled class="form-control{{ $errors->has('end_date') ? ' is-invalid' : '' }}" value="{{$fatura->end_date}}" required autofocus>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col">
                                <div class="form-group">
                                <label class="form-control-label text-left" style="float:left" for="basic-included_services">Descrição</label>
                                    <textarea name="description" id="description" rows="2" resize="none" disabled class="form-control{{ $errors->has('description') ? ' is-invalid' : '' }}" placeholder="Descrição">{{ $fatura->description }}</textarea>
                                    @include('alerts.feedback', ['field' => 'description'])
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            @if ($fs && count($fs) == 0)
            <div class="col-12">
                <form method="post" action="{{ route('vinculatesales', $fatura->id) }}" autocomplete="off"
                    enctype="multipart/form-data">
                    @csrf
                    <div class="card">
                        <div class="card-header">
                            <div class="row align-items-center">
                                <div class="col-8">
                                    <h3 class="mb-0">Vendas do cliente {{ $client->full_name }} do período de {{ date('d/m/Y', strtotime($fatura['start_date'])) }} a {{ date('d/m/Y', strtotime($fatura['end_date'])) }}.</h3>
                                </div>
                                <div class="col-4 text-right">
                                    <a href="{{ route('faturas.print',$fatura->id) }}" class="btn btn-sm btn-primary">Gerar PDF</a>
                                </div>
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive py-4" id="users-table">
                                <table class="table align-items-center table-flush"  id="datatable-buttons10">
                                    <thead class="thead-light">
                                        <tr>
                                            <th scope="col">Vincular</th>
                                            <th scope="col">IDs Venda e Produto</th>
                                            <th scope="col">Fornecedor</th>
                                            <th scope="col">Prestador</th>
                                            <th scope="col">Data da Emissão</th>
                                            <th scope="col">Localizador</th>
                                            <th scope="col">Passageiro</th>
                                            <th scope="col">Destino</th>
                                            <th scope="col">Data da Viagem</th>
                                            <th scope="col">Tarifa</th>
                                            <th scope="col">Taxas</th>
                                            <th scope="col">Extras</th>
                                            <th scope="col">Total</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($sales as $sale)
                                            <tr>

                                                <td class="text-center" ><input style="margin-top:-10px" class="form-check-input" type="checkbox"  name="id_sale[]" id="id_sale" value="{{$sale->sale_id}}" ></td>
                                                <td>{{ $sale->sale_id . " - " . $sale->spid }}</td>
                                                <td>{{ $sale->provider }}</td>
                                                <td>{{ $sale->supplier }}</td>
                                                <td>{{ date('d/m/Y', strtotime($sale->sale_date)) }}</td>
                                                <td>{{ $sale->reservation_number }}</td>
                                                <td>{{ $sale->passenger }}</td>
                                                <td>{{ $sale->destino }}</td>
                                                <td>{{ date('d/m/Y', strtotime($sale->start_datetime)) }}</td>
                                                <td>R$ {{ number_format( $sale->price , 2, ",", ".") }}</td>
                                                <td>R$ {{ number_format( $sale->rav_tax + $sale->du_tax + $sale->other_taxes + $sale->taxes + $sale->hide_tax, 2, ",", ".") }}</td>
                                                <td>R$ {{ number_format( $sale->extras, 2, ",", ".") }}</td>
                                                <td>R$ {{ number_format( $sale->final_price , 2, ",", ".") }}</td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="card-footer">
                            <div class="text-center" style="float: right;">
                                <button type="submit" class="btn btn-success btn-sm mt-4">Vincular</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            @else
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <div class="row align-items-center">
                            <div class="col-8">
                                <h3 class="mb-0">Reservas do cliente {{ $client->full_name }} do período de {{ date('d/m/Y', strtotime($fatura['start_date'])) }} a {{ date('d/m/Y', strtotime($fatura['end_date'])) }}.</h3>
                            </div>
                            <div class="col-4 text-right">
                                <a href="{{ route('faturas.print',$fatura->id) }}" class="btn btn-sm btn-primary">Gerar PDF</a>
                                <button type="button" class="btn btn-sm btn-default text-secondary" data-toggle="modal" data-target="#new_bill"><i class="fa-solid fa-file-invoice"></i>  Gerar Boleto</button>
                                    <div class="modal fade" id="new_bill" tabindex="-1" role="dialog" aria-labelledby="new_bill" aria-hidden="true">
                                        <div class="modal-dialog modal-lg modal-dialog-centered modal-" role="document">
                                        <form action="{{route('storeBoletoFatura')}}" method="POST" enctype="multipart/form-data">
                                        @csrf
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <h6 class="modal-title" id="modal-title-default">Gerar Boleto</h6>
                                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                        <span aria-hidden="true">×</span>
                                                    </button>
                                                </div>
                                                <div class="modal-body">
                                                    <div class="tab-content">
                                                        <div id="input-groups-component" class="tab-pane tab-example-result fade active show" role="tabpanel" aria-labelledby="input-groups-component-tab">
                                                            <div class="row">
                                                                <div class="col-6">
                                                                    <div class="form-group">
                                                                        <label class="form-control-label text-left" style="float:left"  for="input-name">Valor</label>
                                                                        <div class="input-group">
                                                                            <div class="input-group-prepend">
                                                                                <span class="input-group-text" id="basic-addon1"><i class="fa-solid fa-money-bill-1"></i></span>
                                                                            </div>
                                                                            <input type="text" hidden class="form-control" value="{{ $fatura->id }}" name="fatura_id">
                                                                            <input type="text" hidden class="form-control" value="{{ $client->id }}" name="client_id">
                                                                            <input type="number" step="0.01" class="form-control" value="{{ old('final_value') }}" name="final_value">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-6">
                                                                    <div class="form-group">
                                                                        <label class="form-control-label text-left" style="float:left"  for="input-name">Vencimento</label>
                                                                        <div class="input-group">
                                                                            <div class="input-group-prepend">
                                                                                <span class="input-group-text" id="basic-addon1"><i class="fa-solid fa-calendar"></i></span>
                                                                            </div>
                                                                            <input type="date" class="form-control" value="{{ old('due_date') }}" name="due_date">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    </div>
                                                    <div class="modal-footer">
                                                        <button type="button" class="btn btn-link  ml-auto" data-dismiss="modal">Sair</button>
                                                        <button type="submit" class="btn btn-success btn-sm">Gerar</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                @if(count($boletos) > 0)
                                <button type="button" class="btn btn-sm btn-secondary text-default" data-toggle="modal" data-target="#show_bill"><i class="fa-solid fa-eye"></i>  Ver Boletos Gerados</button>
                                    <div class="modal fade" id="show_bill" tabindex="-1" role="dialog" aria-labelledby="show_bill" aria-hidden="true">
                                        <div class="modal-dialog modal-lg modal-dialog-centered modal-" role="document">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <h6 class="modal-title" id="modal-title-default">Ver Boletos Gerados</h6>
                                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                        <span aria-hidden="true">×</span>
                                                    </button>
                                                </div>
                                                <div class="modal-body">
                                                    <div class="table-responsive py-4" id="users-table">
                                                        <table class="table align-items-center table-flush">
                                                            <thead class="thead-light">
                                                                <tr>
                                                                    <th scope="col">ID</th>
                                                                    <th scope="col">Data da Emissão</th>
                                                                    <th scope="col">Valor</th>
                                                                    <th scope="col">Ações</th>
                                                                </tr>
                                                            </thead>
                                                            <tbody>
                                                                @foreach ($boletos as $boleto)
                                                                    <tr>

                                                                        <td>{{ $boleto->filename }}</td>
                                                                        <td>{{ date('d/m/Y', strtotime($boleto->due_date)) }}</td>
                                                                        <td>R$ {{ number_format( $boleto->price, 2, ",", ".") }}</td>
                                                                        <td><a href="{{ route('boletos.show',$boleto->filename) }}" class="btn btn-sm btn-primary">Ver Boleto</a></td>
                                                                    </tr>
                                                                @endforeach
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                    </div>
                                                    <div class="modal-footer">
                                                        <button type="button" class="btn btn-link  ml-auto" data-dismiss="modal">Sair</button>
                                                    </div>
                                                </div>
                                            </div>
                                    </div>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive py-4" id="users-table">
                            <table class="table align-items-center table-flush"  id="datatable-buttons10">
                                <thead class="thead-light">
                                    <tr>
                                        <th scope="col">IDs</th>
                                        <th scope="col">Prestador</th>
                                        <th scope="col">Data da Emissão</th>
                                        <th scope="col">Localizador</th>
                                        <th scope="col">Passageiro</th>
                                        <th scope="col">Destino</th>
                                        <th scope="col">Data da Viagem</th>
                                        <th scope="col">Tarifa</th>
                                        <th scope="col">Taxas</th>
                                        <th scope="col">Extras</th>
                                        <th scope="col">Total</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($sales as $sale)
                                        <tr>

                                            <td>{{ $sale->sale_id . " - " . $sale->spid }}</td>
                                            <td>{{ $sale->supplier }}</td>
                                            <td>{{ date('d/m/Y', strtotime($sale->sale_date)) }}</td>
                                            <td>{{ $sale->reservation_number }}</td>
                                            <td>{{ $sale->passenger }}</td>
                                            <td>{{ $sale->destino }}</td>
                                            <td>{{ date('d/m/Y', strtotime($sale->start_datetime)) }}</td>
                                            <td>R$ {{ number_format( $sale->price , 2, ",", ".") }}</td>
                                            <td>R$ {{ number_format( $sale->rav_tax + $sale->du_tax + $sale->other_taxes + $sale->taxes + $sale->hide_tax - $sale->rav_discount - $sale->du_discount, 2, ",", ".") }}</td>
                                            <td>R$ {{ number_format( $sale->extras, 2, ",", ".") }}</td>
                                            <td>R$ {{ number_format( $sale->final_price + $sale->extras, 2, ",", ".") }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            @endif
        </div>
        <div class="row">
            <div class="col-12 text-left">
                <h6 class="heading-small text-muted mb-4">Anexar Arquivos</h6>
            </div>
        </div>
        <form action="{{ route('storefaturas') }}" class="dropzone" style="border: 0px;" enctype="multipart/form-data" method="POST" id="faturas">
            @csrf
            <br>
            <input type="text" name="fatura_id" value="{{ $fatura->id }}" hidden>
        </form>
        @if (!empty($fatura_files->first()->title) )
            <div class="row">
                <div class="col-12 text-left">
                    <h6 class="heading-small text-muted mb-4">Arquivos Anexados</h6>
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <ul class="list-group list-group-flush list my--3">
                        <li class="list-group-item px-0">
                            @foreach ($fatura_files as $file)
                            <div class="row align-items-center" style="margin-top: 10px;">
                                <div class="col-auto">
                                <!-- Avatar -->
                                    <a href="{{ asset('files/faturas/').'/'.$file->title }}" target="_blank" class="avatar rounded-circle" style="margin-left: 20px;">
                                        <i class="fa-solid fa-cloud-arrow-down"></i>
                                    </a>
                                </div>
                                <div class="col ml--2">
                                    <h4 class="mb-0">
                                        <a href="{{ asset('files/faturas/').'/'.$file->title }}" target="_blank" >{{$file->title}}</a>
                                    </h4>

                                    <span class="text-success">●</span>
                                    <small>Anexado em: {{ date('d/m/Y H:m', strtotime($file->created_at)) }}</small>
                                </div>
                                <div class="col-auto">
                                    <div class="row align-items-center" style="margin-right: 10px">
                                        <div class="col-6">
                                            <a href="{{ asset('files/faturas/').'/'.$file->title }}" target="_blank"  class="btn btn-sm btn-default"> Baixar</a>
                                        </div>
                                        <div class="col-6" style="margin-top: 10px">
                                            <form action="{{ route('faturas.deleteAttachment', $file->id) }}" method="post">
                                                @csrf
                                                @method('delete')
                                                <input type="text" name="fatura_id" value="{{ $file->fatura_id}}" hidden>
                                                <button type="button"  onclick="confirm('Tem certeza que deseja excluir esse anexo?') ? this.parentElement.submit() : ''" class="btn btn-sm btn-danger">
                                                    <i class="fas fa-trash-can text-secondary"></i>
                                                </button>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <br><br>
                            @endforeach
                        </li>
                    </ul>
                </div>
            </div>
        @endif
        <br><br>
        <div class="row align-items-center">
            <div class="col-12 text-right">
                <button type="button" class="btn btn-sm btn-default text-secondary" data-toggle="modal" data-target="#notifyfatura"><i class="ni ni-send"></i> Enviar Fatura</button>
                <div class="modal fade" id="notifyfatura" tabindex="-1" role="dialog" aria-labelledby="notifyfatura" aria-hidden="true">
                    <div class="modal-dialog modal-lg modal-dialog-centered modal-lg"  role="document">
                        <form action="{{route('notifyfaturaclient', $fatura->id)}}" method="GET" enctype="multipart/form-data">
                            @csrf
                            <div class="modal-content" style="min-width: 600px">
                                <div class="modal-header">
                                    <h6 class="modal-title" id="modal-title-default">Enviar Fatura</h6>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">×</span>
                                    </button>
                                </div>
                                <div class="modal-body">
                                    <div class="tab-content">
                                        <div id="input-groups-component" class="tab-pane tab-example-result fade active show" role="tabpanel" aria-labelledby="input-groups-component-tab">
                                            <div class="row">
                                                <div class="col-12">
                                                    <div class="form-group">
                                                        <label class="form-control-label text-left" style="display: flex">Data do Vencimento</label>
                                                        <input type="date" class="form-control" required value="{{ old('date') }}" name="date">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-12">
                                                    <div class="form-group">
                                                        <label class="form-control-label text-left" style="display: flex">E-mail</label>
                                                        <p class="form-control-label text-left" style="font-size: 10px;color:dimgray">Caso haja mais de um, separe por vírgula.</p>
                                                        <input type="text" class="form-control" value="{{ $client->email }}" name="email">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-link  ml-auto" data-dismiss="modal">Sair</button>
                                    <button type="submit" class="btn btn-success btn-sm">Notificar</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <br><br>
        @include('layouts.footers.auth')
    </div>

@endsection

@push('css')
    <link rel="stylesheet" href="{{ asset('argon') }}/vendor/datatables.net-bs4/css/dataTables.bootstrap4.min.css">
    <link rel="stylesheet" href="{{ asset('argon') }}/vendor/datatables.net-buttons-bs4/css/buttons.bootstrap4.min.css">
    <link rel="stylesheet" href="{{ asset('argon') }}/vendor/datatables.net-select-bs4/css/select.bootstrap4.min.css">
    <link rel="stylesheet" href="{{ asset('argon/vendor/select2/dist/css/select2.min.css') }}">
    <link rel="stylesheet" href="https://unpkg.com/dropzone@5/dist/min/dropzone.min.css" type="text/css" />
@endpush

@push('js')
@if(isset($sales[0]))
    <script>
        var clientName = "{{ $sales[0]->client }}"; // Define o nome do cliente se existir
        var period = "{{ date('d.m.Y', strtotime($fatura['start_date'])) }} a {{ date('d.m.Y', strtotime($fatura['end_date'])) }}"; // Formata o período com pontos
    </script>
@else
    <script>
        var clientName = "Cliente"; // Nome padrão caso $sales esteja vazio
        var period = "";
    </script>
@endif
    <script src="{{ asset('argon/vendor/select2/dist/js/select2.min.js') }}"></script>
    <script src="{{ asset('argon') }}/vendor/datatables.net/js/jquery.dataTables.min.js"></script>
    <script src="{{ asset('argon') }}/vendor/datatables.net-bs4/js/dataTables.bootstrap4.min.js"></script>
    <script src="{{ asset('argon') }}/vendor/datatables.net-buttons/js/dataTables.buttons.min.js"></script>
    <script src="{{ asset('argon') }}/vendor/datatables.net-buttons-bs4/js/buttons.bootstrap4.min.js"></script>
    <script src="{{ asset('argon') }}/vendor/datatables.net-buttons/js/buttons.html5.min.js"></script>
    <script src="{{ asset('argon') }}/vendor/datatables.net-buttons/js/buttons.flash.min.js"></script>
    <script src="{{ asset('argon') }}/vendor/datatables.net-buttons/js/buttons.print.min.js"></script>
    <script src="{{ asset('argon') }}/vendor/datatables.net-select/js/dataTables.select.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
    <script src="{{ asset('argon') }}/vendor/chart.js/dist/Chart.min.js"></script>
    <script src="{{ asset('argon') }}/vendor/chart.js/dist/Chart.extension.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.3.0/chart.min.js" integrity="sha512-mlz/Fs1VtBou2TrUkGzX4VoGvybkD9nkeXWJm3rle0DPHssYYx4j+8kIS15T78ttGfmOjH0lLaBXGcShaVkdkg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script>
        var DatatableButtons = (function() {
        // Variables

        var $dtButtons = $('#datatable-buttons10');


        // Methods

        function init($this) {

            // For more options check out the Datatables Docs:
            // https://datatables.net/extensions/buttons/

            var buttons = [
                {extend: 'copy', text: 'Copiar', messageTop: 'Porto Exclusivo - Travel Together', title: "Vendas do Cliente " + clientName + " - " + period},
                {extend: 'print', text: 'PDF',  messageTop: 'Porto Exclusivo - Travel Together', title: "Vendas do Cliente " + clientName + " - " + period},
                {extend: 'excelHtml5', text: 'Excel',  messageTop: 'Porto Exclusivo - Travel Together', title: "Vendas do Cliente " + clientName + " - " + period}
                ];

            // Basic options. For more options check out the Datatables Docs:
            // https://datatables.net/manual/options

            var options = {

                lengthChange: !1,
                dom: 'Bfrtip',
                buttons: buttons,
                // select: {
                // 	style: "multi"
                // },
                language: {
                    paginate: {
                        previous: "<i class='fas fa-angle-left'>",
                        next: "<i class='fas fa-angle-right'>"
                    },
                    search: "Busca rápida:",
                    emptyTable: "Nenhum registro encontrado",
                    info: "Mostrando de _START_ até _END_ de _TOTAL_ registros",
                    infoEmpty: "Mostrando 0 até 0 de 0 registros",
                    infoFiltered: "(Filtrados de _MAX_ registros)",
                    infoThousands: ".",
                    loadingRecords: "Carregando...",
                    processing: "Processando...",
                    zeroRecords: "Nenhum registro encontrado",
                    lengthMenu: "Exibir _MENU_ registros",
                    decimal: ",",
                },
                info: "Mostrando de _START_ até _END_ de _TOTAL_ registros",
            };

            // Init the datatable

            var table = $this.on('init.dt', function() {
                $('.dt-buttons .btn').removeClass('btn-secondary').addClass('btn-sm btn-default');
            }).DataTable(options);
        }


        // Events

        if ($dtButtons.length) {
            init($dtButtons);
        }

        })();
    </script>
    <!-- Dropzone -->
    <script src="https://unpkg.com/dropzone@5/dist/min/dropzone.min.js"></script>
    <script type="text/javascript">

        var CSRF_TOKEN = document.querySelector('meta[name="csrf-token"]').getAttribute("content");

            Dropzone.autoDiscover = false;

            var dropzone = new Dropzone('#faturas', {
                thumbnailWidth: 200,
                maxFilesize: 5,
                dictDefaultMessage: "Arraste ou escolha os anexos",
                acceptedFiles: ".jpeg,.jpg,.png,.docx,.doc,.pdf"
                });
            dropzone.on("sending", function(file, xhr, formData) {
                formData.append("_token", CSRF_TOKEN);
                console.log('Enviando arquivo:', file.name);
                });
            dropzone.on("success", function(file, response) {
                console.log('Upload bem-sucedido:', response);
            });
            dropzone.on("error", function(file, errorMessage) {
                console.error('Erro no upload:', errorMessage);
            });
    </script>
@endpush