@extends('layout.layout')


@section('section_title') {{ $section_title }} @endsection

@section('css')
<link rel="stylesheet" type="text/css" href="{{ asset('assets/lib/dropzone/dropzone.css') }}" />
<link rel="stylesheet" type="text/css" href="{{ asset('assets/lib/owl-carousel/css/owl.carousel.min.css')}}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/lib/owl-carousel/css/owl.theme.default.min.css')}}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/lib/ui-confirm/duDialog.min.css')}}" />
<style>
    .dropzone {
        padding: 0 !important;
    }

    .dz-image {
        width: 160px !important;
        height: 160px !important;
    }

    .dz-image img {
        width: 100% !important;
    }

    .tab-content {
        background-color: transparent !important;
    }
</style>

<link rel="stylesheet" type="text/css" href="{{ asset('assets/lib/bootstrap-touchspin/jquery.bootstrap-touchspin.min.css') }}" />
<link rel="stylesheet" type="text/css" href="https://daneden.github.io/animate.css/animate.min.css" />
@endsection

@section('breadcrumb')
<ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="/">Home</a></li>
    <li class="breadcrumb-item"><a href="/anuncios/acessorios">Anúncios de Acessórios</a></li>
    <li class="breadcrumb-item active">{{ $section_title }}</li>
</ol>
@endsection

@section('content')
<div class="row">
    <div class="col-sm-12">
        <p class=" {{Session::has('message') ? '' : 'd-none'}} alert animated fadeIn {{ Session::get('alert-class', 'alert-info') }}">{{ Session::get('message') }}
        </p>
    </div>
</div>
@if($anuncio)
<form role="form" name="formContato" method="PUT" action="/api/anuncios/acessorios/{{$anuncio->id}}">
    @else
    <form role="form" name="formContato" method="POST" action="/api/anuncios/acessorios/store">
        @endif
        <input type="hidden" name="id" value="{{ isset($anuncio->id) ? $anuncio->id : '' }}">
        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
        <div class="row">
            <div class="col-lg-8 col-md-12">
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-12">
                                <h2>Dados Gerais</h2>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-8">
                                <div class="form-group">
                                    <label>Título</label>
                                    <input class="form-control" type="text" placeholder="Titulo" name="titulo" value="{{isset($anuncio->titulo) ? $anuncio->titulo : ''}}">
                                    <ul class="parsley-errors-list filled" style="display:none" for="titulo">
                                        <li class="parsley-required"></li>
                                    </ul>
                                </div>
                            </div>
                            @if(!Auth::user()->isRevenda())
                                <div class="col-4">
                                    <div class="form-group">
                                        <label class="form-control" style="margin-top: 28px;">
                                            <input name="patrocinado" type="checkbox" {{isset($anuncio) && $anuncio->patrocinado == 1 ? 'checked' : ''}}> Patrocinado
                                        </label>
                                    </div>
                                </div>
                                <div class="col-8">
                                    <div class="form-group">
                                        <label>Anunciante</label>
                                        <select name="clientes_id" class="form-control select2 clienteSelect"></select>
                                        <ul class="parsley-errors-list filled" style="display:none" for="clientes_id">
                                            <li class="parsley-required"></li>
                                        </ul>
                                    </div>
                                </div>
                            @else
                                <input type="hidden" name="clientes_id" value="{{Auth::user()->revenda->id}}">
                            @endif

                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Valor do Anúncio (R$)</label>
                                    <input type="text" class="form-control dinheiro" name="valor" placeholder="" value="{{isset($anuncio->valor) ? $anuncio->valor : ''}}">
                                    <ul class="parsley-errors-list filled" style="display:none" for="valor">
                                        <li class="parsley-required"></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-12">
                                <div class="form-group nopadding">
                                    <label>Descrição</label>
                                    <textarea name="descricao" rows="5" class="form-control error" placeholder="Descrição" style="resize: vertical;">{{isset($anuncio->descricao) ? $anuncio->descricao : null}}</textarea>
                                    <ul class="parsley-errors-list filled" style="display:none" for="descricao">
                                        <li class="parsley-required"></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <hr>
                        <div class="row">
                            <div class="col-12">
                                <h2>Imagens</h2>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12" style="border-right: 1px solid rgba(0, 0, 0, 0.2);">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <div class="dropzone" id="fotos-fachada-dropzone" action="assets/lib/dropzone/upload.php">
                                                <div class="dz-message">
                                                    <div class="icon">
                                                        <span class="s7-cloud-upload "></span>
                                                    </div>
                                                    <h4>Arraste e solte seu(s) imagem(s) aqui.</h4>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <input type="hidden" name="possui_fachada">
                                            @if(isset($anuncio->imagens))
                                            <div class="row owl-carousel owl-theme">
                                                @foreach($anuncio->imagens as $imagem)
                                                <a href="{{asset($imagem['imagem'])}}" target="_blank" class="col-md-6" data-toggle="popover" data-trigger="hover" data-placement="top" data-content="Abrir imagem em nova guia">
                                                    <div style="width: 100%; display: flex; justify-content: end;">
                                                        <button type="button" data-id="{{$imagem['id']}}" data-arquivo="{{$imagem['imagem']}}" class="btn btn-outline-danger removeFotoAnuncio float-right">
                                                            <i class="icon s7-close-circle"></i>
                                                        </button>
                                                    </div>
                                                    <img src="{{asset($imagem['imagem'])}}" alt="{{$anuncio->nome}}_foto">
                                                </a>
                                                @endforeach
                                            </div>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="col-md-12 col-lg-4">
                <div class="card mb-0">
                    <div class="card-header">
                        <h3>Status</h3>
                    </div>
                    <div class="card-body">
                        <div class="form-group">
                            <select class="form-control" name="status">
                                <option value="">Selecione</option>
                                @foreach(['1'=>'Ativo','0'=>'Inativo'] as $key => $tipo)
                                <option value="{{$key}}" {{isset($anuncio) && $key == $anuncio->status ? 'selected' : ''}}>
                                    {{ $tipo }}
                                </option>
                                @endforeach
                            </select>
                            <ul class="parsley-errors-list filled" style="display:none" for="status">
                                <li class="parsley-required"></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="card-footer">
            <div class="text-inverse">
                <a href="/anuncios" class="btn btn-space btn-secondary" type="button">Cancelar</a>
                <button class="btn btn-space btn-primary sendForm" type="button">Salvar</button>
            </div>
        </div>
    </form>
    @endsection

    @section('modals')
    @endsection

    @section('javascript')
    <script src="{{ asset('assets/lib/moment.js/moment.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/lib/moment.js/locale/pt-br.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/lib/bootstrap-touchspin/jquery.bootstrap-touchspin.min.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/lib/dropzone/dropzone.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/lib/owl-carousel/js/owl.carousel.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/lib/ui-confirm/duDialog.min.js')}}" type="text/javascript"></script>
    <script src="https://igorescobar.github.io/jQuery-Mask-Plugin/js/jquery.mask.min.js"></script>
    <script src="{{ asset('assets/js/pages/anuncios/acessorios/anuncios_acessorios_crud.js') }}" type="text/javascript"></script>
    @endsection