@extends('layouts.user_type.auth')

@if ($art->function=='qrcodetwo')
    <script src="https://code.jquery.com/jquery-3.6.1.min.js" integrity="sha256-o88AwQnZB+VDvE9tvIXrMQaPlFFSUTR+nldQm1LuPXQ=" crossorigin="anonymous"></script>
@endif

@section('content')
    <div class="row" id="contentArt">
        <div class="col-lg-8 col-md-8 mb-8">
            <div class="card">
                <div class="card-body p-3">
                    <div class="d-flex mb-2">
                        <div class="avatar avatar-xl bg-gradient-warning border-radius-md p-2">
                            <i class="{{$art->image_group}} text-lg opacity-10" aria-hidden="true"></i>
                        </div>
                        <div class="ms-3 my-auto">
                            <h6>{{$art->title}}</h6>
                            <p class="text-sm mt-2">{{$art->summary}}</p>
                        </div>
                    </div>
                    <p class="text-sm mt-2">{!!$art->description!!}</p>
                    <form action="{{route('createart',['id' => $art->function])}}" method="post" id="formArt" name="formArt">
                        @csrf
                        <input type="hidden" name="art_id" id="art_id" value="{{$art->id}}">
                        @if ($art->fields!='')
                            <div class="mb-3">
                                @php
                                    $fieldsSelect = explode('|',$art->fields);
                                @endphp
                                <label for="type" class="form-label">Tipo</label>
                                <select class="form-control" name="type" id="type">
                                    @foreach ($fieldsSelect as $fSelect)
                                        <option value="{{$fSelect}}">{{ucfirst($fSelect)}}</option>
                                    @endforeach
                                </select>
                            </div>
                        @endif
                        <div class="row">
                            @foreach ($art->allfields as $artField)
                                @if($artField->order==1)
                                    <div class="col-6">
                                @endif
                                    <label for="{{$artField->field}}" class="mt-3 form-label @if($artField->class=='primeirobloco d-none'||$artField->class=='segundobloco d-none') {{$artField->class}} @endif">{{$artField->name}}</label>
                                    @switch($artField->type)
                                        @case('text')
                                            <input class="form-control {{$artField->class}}" name="{{$artField->field}}" id="{{$artField->field}}" {!!$artField->other!!} {{$artField->function}} type="{{$artField->type}}">
                                            @break
                                        @case('date')
                                            <input class="form-control {{$artField->class}}" name="{{$artField->field}}" id="{{$artField->field}}" {!!$artField->other!!} {{$artField->function}} type="text" onfocus="focused(this)" onfocusout="defocused(this)">
                                            @break
                                        @case('select')
                                            <select class="form-control {{$artField->class}}" name="{{$artField->field}}" id="{{$artField->field}}" {!!$artField->other!!} {{$artField->function}} >
                                                @php $fieldsSelect = explode(',', ($artField->values)); @endphp
                                                @foreach ($fieldsSelect as $item)
                                                    <option value="{{$item}}">{{$item}}</option>
                                                @endforeach
                                            </select>
                                            @break
                                        @case('textarea')
                                            <textarea class="form-control {{$artField->class}}" name="{{$artField->field}}" id="{{$artField->field}}" {!!$artField->other!!} {{$artField->function}} type="{{$artField->type}}"></textarea>
                                            @break
                                    @endswitch
                                @if($artField->order==7)
                                    </div>
                                    <div class="col-6">
                                @endif
                                @if($artField->order==16)
                                    </div>
                                @endif
                            @endforeach
                        </div>
                        <div class="row d-none buttonDownload">
                            <div class="col-12 text-center">
                                <div class="mb-3 mt-3">
                                    <button type="submit" class="btn bg-gradient-warning btn-lg">Download</button>
                                </div>    
                            </div>
                        </div>
                    </form>
                    <hr class="horizontal dark" />
                    <div class="row">
                        <div class="col-3">
                            <p class="text-secondary text-sm font-weight-bold mb-0">Acessos: {{count($art->read)}}</p>
                        </div>
                        <div class="col-3">
                            <p class="text-secondary text-sm font-weight-bold mb-0">Downloads: {{count($art->download)}}</p>
                        </div>
                        <div class="col-4">
                            <p class="text-secondary text-sm font-weight-bold mb-0">Criado em: {{\Carbon\Carbon::parse($art->created_at)->format('d/m/Y')}}</p>
                        </div>
                        <div class="col-2 text-end">
                            <a class="avatar avatar-xs rounded-circle" data-bs-toggle="tooltip" data-original-title="{{$art->user['title']}}">
                                <img alt="Image placeholder" src="../../../assets/img/users/{{$art->user['photo']}}" class="" />
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-4 col-md-4 mb-4">
            <div class="row">
                <div class="col-md-8 me-auto text-left">
                    <h5>Outras Artes</h5>
                </div>
            </div>
            @foreach ($othersArts as $otherArt)
                <div class="card mb-4">
                  <div class="card-body p-3">
                    <div class="d-flex mb-2">
                        <a href="{{route('arte',['id' => $otherArt->id])}}">
                            <div class="avatar avatar-xl bg-gradient-warning border-radius-md p-2">
                                <i class="{{$otherArt->image_group}} text-lg opacity-10" aria-hidden="true"></i>
                            </div>
                        </a>
                      <div class="ms-3 my-auto">
                        <a class="text-body text-sm font-weight-bold mb-0 icon-move-right mt-auto" href="{{route('arte',['id' => $otherArt->id])}}">
                            <h6>{{$otherArt->title}}</h6>
                        </a>
                        <p class="text-sm mt-2">{{$otherArt->summary}}</p>
                      </div>
                    </div>
                    <a class="text-body text-sm font-weight-bold mb-0 icon-move-right mt-auto" href="{{route('informativo',['id' => $otherArt->id])}}">
                      Acessar
                      <i class="fas fa-hand-point-left text-sm ms-1" aria-hidden="true"></i>
                    </a>
                    <hr class="horizontal dark" />
                    <div class="row">
                      <div class="col-4">
                        <p class="text-secondary text-sm font-weight-bold mb-0">Leituras: {{count($otherArt->download)}}</p>
                      </div>
                      <div class="col-6">
                        <p class="text-secondary text-sm font-weight-bold mb-0">Criado em: {{\Carbon\Carbon::parse($otherArt->created_at)->format('d/m/Y')}}</p>
                      </div>
                      <div class="col-2 text-end">
                        <a class="avatar avatar-xs rounded-circle" data-bs-toggle="tooltip" data-original-title="{{$otherArt->user['title']}}">
                          <img alt="Image placeholder" src="../../../assets/img/users/{{$otherArt->user['photo']}}" class="" />
                        </a>
                      </div>
                    </div>
                  </div>
                </div>
            @endforeach
        </div>
    </div>
@endsection

@push('dashboard')
@endpush

@if ($art->function=='qrcodetwo')
    <script>
        $(document).ready(function () {
            $('#product_id1').focus();
            $("#product_id1").bind("keypress", function(e) {
                var cdproduto = $('#product_id1').val();
                if(cdproduto.length>2){
                    if (e.keyCode === 13) {
                        $.ajax({
                            type: "GET",
                            url: "https://maxxieconomica.com/api/busca-impresso-novo",
                            data: {cdproduto:cdproduto},
                            success: function (response) {
                                if(response.message=='success'){
                                    $('.primeirobloco.d-none').each(function (index, element) {
                                        $(this).removeClass('d-none');
                                        $(this).addClass('d-block');
                                    });
                                    if(response.datapromo!='0'){
                                        $('#textovalidade1').val('PROMOÇÃO VÁLIDA ATÉ '+response.datapromo+' OU ENQUANTO DURAREM OS ESTOQUES.');
                                    }else{
                                        $('#textovalidade1').val("PROMOÇÃO VÁLIDA SOMENTE DE 17/05/2026 ATÉ 17/06/2026 OU ENQUANTO DURAREM OS ESTOQUES.");
                                    }
                                    $('#nomeproduto1').val(response.nomeproduto);
                                    $('#quantidade1').val(response.quantidade);
                                    $('#precoprincipal1').val(response.precoprincipal);
                                    $('#precounitario1').val(response.precounitario);
                                    $('#qrcode1').val(response.qrcode);
                                }else{
                                    $('.primeirobloco.d-block').each(function (index, element) {
                                        $(this).removeClass('d-block');
                                        $(this).addClass('d-none');
                                    });
                                    $('#textovalidade1').val();
                                    $('#nomeproduto1').val();
                                    $('#quantidade1').val();
                                    $('#precoprincipal1').val();
                                    $('#precounitario1').val();
                                    $('#qrcode1').val();
                                }
                                if($('#nomeproduto1').val()!=''||$('#nomeproduto2').val()!=''){
                                    $('.buttonDownload').removeClass('d-none');
                                    $('.buttonDownload').addClass('d-block');
                                }else{
                                    $('.buttonDownload').removeClass('d-none');
                                    $('.buttonDownload').addClass('d-block');
                                }
                                return false;
                            }
                        });
                        return false;
                    }else{
                        console.log('error');
                    }
                }
            });
        });
        $(document).ready(function () {
            $('#product_id2').focus();
            $("#product_id2").bind("keypress", function(e) {
                var cdproduto = $('#product_id2').val();
                if(cdproduto.length>2){
                    if (e.keyCode === 13) {
                        $.ajax({
                            type: "GET",
                            url: "https://maxxieconomica.com/api/busca-impresso-novo",
                            data: {cdproduto:cdproduto},
                            success: function (response) {
                                if(response.message=='success'){
                                    $('.segundobloco.d-none').each(function (index, element) {
                                        $(this).removeClass('d-none');
                                        $(this).addClass('d-block');
                                    });
                                    if(response.datapromo!='0'){
                                        $('#textovalidade2').val('PROMOÇÃO VÁLIDA ATÉ '+response.datapromo+' OU ENQUANTO DURAREM OS ESTOQUES.');
                                    }else{
                                        $('#textovalidade2').val("PROMOÇÃO VÁLIDA SOMENTE DE 17/05/2026 ATÉ 17/06/2026 OU ENQUANTO DURAREM OS ESTOQUES.");
                                    }
                                    $('#nomeproduto2').val(response.nomeproduto);
                                    $('#quantidade2').val(response.quantidade);
                                    $('#precoprincipal2').val(response.precoprincipal);
                                    $('#precounitario2').val(response.precounitario);
                                    $('#qrcode2').val(response.qrcode);
                                }else{
                                    $('.segundobloco.d-block').each(function (index, element) {
                                        $(this).removeClass('d-block');
                                        $(this).addClass('d-none');
                                    });
                                    $('#textovalidade2').val();
                                    $('#nomeproduto2').val();
                                    $('#quantidade2').val();
                                    $('#precoprincipal2').val();
                                    $('#precounitario2').val();
                                    $('#qrcode2').val();
                                }
                                if($('#nomeproduto1').val()!=''||$('#nomeproduto2').val()!=''){
                                    $('.buttonDownload').removeClass('d-none');
                                    $('.buttonDownload').addClass('d-block');
                                }else{
                                    $('.buttonDownload').removeClass('d-none');
                                    $('.buttonDownload').addClass('d-block');
                                }
                                return false;  
                            }
                        });
                        return false;
                    }else{
                        console.log('error');
                    }
                }
            });
        });
    </script>    
@endif