@extends('layouts.admin')
@section('content')
<div class="d-flex flex-row px-2">
  <div class="mr-auto p-2"><h5>Cadastro de Artigos</h5></div>
  <div class="p-8 text-right">        
    <button type="button" class="btn btn-primary" id="btn_salvar" title="Atualizar" >  
        <i class="fa fa-save" aria-hidden="true"></i>
    </button>
    <button type="button" class="btn btn-secondary" id="voltar" title="Voltar" onclick="window.location='{{ route("admin.artigos.index") }}'" >  
        <i class="fa fa-arrow-left" aria-hidden="true"></i>
    </button>
  </div>
</div>

<div class="container-fluid">
    <div class="card">
        <div class="card-body">
            @if(Session::has('mensagem'))
                <div class="alert alert-success">
                    {{ Session::get('mensagem') }}
                    @php
                        Session::forget('mensagem');
                    @endphp
                </div>
            @endif  
            @if(Session::has('error'))
                <div class="alert alert-danger">
                    {{ Session::get('error') }}
                    @php
                        Session::forget('error');
                    @endphp
                </div>
            @endif                      
            <form action="{{ route("admin.artigos.update", $artigo->id) }}" method="POST" enctype="multipart/form-data">
                @method('PUT')                
                <input type="hidden" name="_token" value="{{ csrf_token() }}">
                <div class="row">
                    <div class="col-sm">
                        <label for="tipo">Tipo</label>
                        <select id="tipo" name="tipo" class="form-control" aria-describedby="tipoHelp" required value="{{old('tipo',$artigo->tipo)}}">
                            <option value="">Selecione</option>
                            <option {{ old('tipo',$artigo->tipo) == 'Artigo' ? "selected" : "" }} >Artigo</option>
                            <option {{ old('tipo',$artigo->tipo) == 'Notícias' ? "selected" : "" }} >Notícias</option>
                            <option {{ old('tipo',$artigo->tipo) == 'Exclusivos' ? "selected" : "" }} >Exclusivos</option>
                            <option {{ old('tipo',$artigo->tipo) == 'Notas Oficiais' ? "selected" : "" }} >Notas Oficiais</option>
                        </select>
                        <small id="tipoHelp" class="form-text text-muted">Selecione o tipo</small>
                        @error('tipo')
                            <div class="error text-danger">{{ $message }}</div>
                        @enderror                    
                    </div>  
                </div>                
                <div class="row">
                    <div class="col-sm">
                        <label for="titulo">Título</label>
                        <input type="text" class="form-control" id="titulo" name="titulo" value="{{old('titulo',$artigo->titulo)}}" aria-describedby="tituloHelp" placeholder="Digite o titulo." required>
                        <small id="tituloHelp" class="form-text text-muted">Informe o título</small>
                        @error('titulo')
                            <div class="error text-danger">{{ $message }}</div>
                        @enderror
                    </div>                        
                </div>
                <div class="row">
                    <div class="col-sm">
                        <label for="texto">Texto</label>
                        <textarea type="text" class="form-control" id="texto" name="texto" aria-describedby="tituloHelp" placeholder="Digite o texto." required>
                            {{old('texto',$artigo->texto)}}
                        </textarea>
                        <small id="textoHelp" class="form-text text-muted">Informe o texto</small>
                        @error('texto')
                            <div class="error text-danger">{{ $message }}</div>
                        @enderror
                    </div>                        
                </div>                
                <div class="row">
                    <div class="col-sm">
                        <label for="status">Situação</label>
                        <select id="status" name="status" class="form-control" aria-describedby="statusHelp" required value="{{old('status',$artigo->status)}}">
                            <option value="">Selecione</option>
                            <option {{ old('status',$artigo->status) == 'Ativo' ? "selected" : "" }} >Ativo</option>
                            <option {{ old('status',$artigo->status) == 'Inativo' ? "selected" : "" }} >Inativo</option>
                        </select>
                        <small id="statusHelp" class="form-text text-muted">Selecione o status</small>
                        @error('status')
                            <div class="error text-danger">{{ $message }}</div>
                        @enderror                    
                    </div>  
                </div>
                <div class="row">
                    <div class="col-sm">
                        <label for="presidente">É do Presidente?</label>
                        <select id="presidente" name="presidente" class="form-control" aria-describedby="presidenteHelp" required value="{{old('presidente',$artigo->presidente)}}">
                            <option value="">Selecione</option>
                            <option {{ old('presidente',$artigo->presidente) == 0 ? "selected" : "" }} >Não</option>
                            <option {{ old('presidente',$artigo->presidente) == 1 ? "selected" : "" }} >Sim</option>
                        </select>
                        <small id="statusHelp" class="form-text text-muted">Selecione o status</small>
                        @error('status')
                            <div class="error text-danger">{{ $message }}</div>
                        @enderror                    
                    </div>  
                </div>               
                <div class="form-group">        
          <div class="row">
          <label class="col-md-3">Banner</label>
            @if ($artigo->banner!=null)
              
              <span id="banner{{ $artigo->id }}">
              <img src="{{ url('storage/artigos/'.$artigo->id.'.jpg') }}" alt="" style="padding-left: 10px;padding-bottom:10px;max-width: 200px" >
              <span class="close" >
                <a onclick="excluirFoto({{$artigo->id}})" class="close">
                  <img src="{{ url('storage/apagar.png') }}" title="Excluir foto">
                </a>
              </span>
              </span>
              
              <div class="clearfix"></div>
              
            @endif
          </div>
          <div class="row">
          <label class="col-md-3"></label>
            <div class="col-md-6"><input type="file" name="image" multiple class="form-control"></div>
            <div class="clearfix"></div>
          </div>
      </div>                 
                <div>
                    <button type="submit" class="btn btn-primary">Atualizar</button>      
                </div>          
            </form>
        </div>
    </div>
</div>
<script>
      function excluirFoto(id){
      var c = confirm("Tem certeza que deseja excluir a foto?"); 
      if (c==false){
        return;
      }
       /*$.ajax({
        type: "post",
        url: '/admin/artigos/deleteImage',
        data: {"_token" : $('input[name="_token"]').val(),id},
        dataType: 'json',
        success: function(response){
          if(response.success === true){
            $('#banner'+id).remove() ;
            alert("Foto removida."); 
          }else{
            alert("Erro ao remover foto.");  
          }
        }

      });*/
      $.ajax({
        url:"{{ route('admin.artigos.deleteImage') }}",
        method:"POST",
        data:{id:id, _token:$('input[name="_token"]').val()},
        success:function(data)
        {
            $('#banner'+id).remove() ;
            console.log('Removida!');
            alert("Foto removida."); 
        }
    });      
  }
</script>
@endsection