@extends('adminlte::page')

@section('title')
  Adicionar BUG - {{ config('app.name')}}
@endsection
@section('content_header')

  <h1>Adicionar BUG</h1>

@stop

@section('content')
  <section class="content">
    @include('layouts.errors-and-messages')
    <main>
      <!--MDB -->
      <!--Title-->
      <h3 class="text-center font-up font-bold pink-text pb-2"><strong>Novo bug</strong></h3>
      <!--MDB -->
    </main>
    <div class="box">

      <form action="{{ route('admin.bugs.store') }}" method="post" class="form" enctype="multipart/form-data">
        <div class="col-lg-12 col-md-12">
          {{ csrf_field() }}
          <input type="hidden" name="_method" value="post">
          <div class="form-group">
            <label for="titulo">Título <span class="text-danger">*</span></label>
            <input type="text" name="titulo" id="titulo" placeholder="Nome" class="form-control" value="{{ old('titulo') }}" required>
          </div>

          <div class="form-group">
            <label for="detalhes_bug">Descreva o que ocorreu no bug <span class="text-danger">*</span></label>
            <textarea id="detalhes_bug" class="form-control" name="detalhes_bug" rows="3" required></textarea>
          </div>

          <div class="form-group">
            <label for="link">Link</label>
            <input type="text" name="link" id="link" placeholder="{{ url('/') }}" class="form-control" value="{{ old('link') }}">
          </div>

          <div class="form-group">
            <label for="parent_id">Se for o caso, relacione um bug, já resolvido:</label>
            <select name="parent_id" id="parent_id"  class="form-control select2">
              <option value="">N/A</option>
              @foreach ($bugs as $bug)
                <option value="{{$bug->id}}">{{$bug->titulo}} [{{ $bug->detalhes_bug }}]</option>
              @endforeach
            </select>
          </div>

          <div class="form-group">
            <label for="id_pedido">Se for o caso, relacione o pedido (dentro do site):</label>
            <select name="id_pedido" id="id_pedido"  class="form-control select2">
              <option value="">N/A</option>
              @foreach ($orders as $order)
                <option value="{{$order->id}}">{{ $order->id }}</option>
              @endforeach
            </select>
          </div>

          <div class="form-group">
            <label for="id_cliente">Se for o caso, relacione o cliente:</label>
            <select name="id_cliente" id="id_cliente"  class="form-control select2">
              <option value="">N/A</option>
              @foreach ($customers as $customer)
                <option value="{{$customer->cliente_id}}">{{ $customer->cliente_razao }} [{{$customer->cliente_cnpj}}]</option>
              @endforeach
            </select>
          </div>

          <div class="form-group">
            <label for="id_item">Se for o caso, relacione o produto:</label>
            <select name="id_item" id="id_item"  class="form-control select2">
              <option value="">N/A</option>
              @foreach ($products as $product)
                <option value="{{$product->sku}}">{{ $product->name }} [SKU: {{ $product->sku }}]</option>
              @endforeach
            </select>
          </div>

          <div class="form-group">
            <label for="imagens">Imagens (<small>Se for o caso adicione a imagem do bug</small>) </label>
            <textarea class="form-control ckeditor" name="imagens" id="imagens" rows="5" placeholder="Descrição">{{ old('imagens') }}</textarea>
          </div>
        </div>
        <!-- /.box-body -->
        <div class="box-footer">
          <div class="btn-group">
            <a href="{{ route('admin.bugs.index') }}" class="btn btn-default">Voltar</a>
            <button type="submit" class="btn btn-primary">Criar</button>
          </div>
        </div>
      </form>
    </div>
    <!-- /.box -->

  </section>
  <!-- /.content -->
@endsection
@section('js')
  <script type="text/javascript">

  $(document).ready(function () {
    $('.select2').select2();

    $('#id_pedido').change(function(){
      var value = $(this).val()
      // Set selected
      $('select[name=id_pedido] option[value='+value+']').attr('selected',true)
    })
    $('#id_cliente').change(function(){
      var value = $(this).val()
      // Set selected
      $('select[name=id_cliente] option[value='+value+']').attr('selected',true)
    })
    $('#id_item').change(function(){
      var value = $(this).val()
      // Set selected
      $('select[name=id_item] option[value='+value+']').attr('selected',true)
    })
  })

</script>
@endsection