@extends('layouts.admin.app')

@section('content')
    <!-- Main content -->
    <section class="content">
        @include('layouts.errors-and-messages')
        <div class="box">
            <form action="{{ route('admin.categories.update', $category->id) }}" method="post" class="form" enctype="multipart/form-data">
                <div class="box-body">
                    <input type="hidden" name="_method" value="put">
                    {{ csrf_field() }}
                    <div class="form-group">
                        <label for="parent">Categoria Principal</label>
                        <select name="parent" id="parent" class="form-control select2">
                            <option value="0"> - </option>
                            @foreach($categories as $cat)
                                <option @if($cat->id == $category->parent_id) selected="selected" @endif value="{{$cat->id}}">{{$cat->name}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="name">Nome <span class="text-danger">*</span></label>
                        <input type="text" name="name" id="name" placeholder="Nome" class="form-control" value="{!! $category->name ?: old('name')  !!}" readonly>
                    </div>
                    <div class="form-group">
                        <label for="description">Descrição </label>
                        <textarea class="form-control ckeditor" name="description" id="description" rows="5" placeholder="Descrição">{!! $category->description ?: old('description')  !!}</textarea>
                    </div>
                    @if(isset($category->cover))
                    <div class="form-group">
                        <img src="{{ asset("storage/$category->cover") }}" alt="" class="img-responsive"> <br/>
                        <a onclick="return confirm('Tem certeza??')" href="{{ route('admin.category.remove.image', ['category' => $category->id]) }}" class="btn btn-danger">Remover imagem?</a>
                    </div>
                    @endif
                    <div class="form-group">
                        <label for="cover">Cover </label>
                        <input type="file" name="cover" id="cover" class="form-control">
                    </div>
                    <div class="form-group">
                        @include('admin.shared.status-select', ['status' => $category->status])
                    </div>
                    <div class="form-group">
                        <label for="home_show">Aparece na Home do site?</label>
                        <select name="home_show" id="home_show" class="form-control select2">
                            <option value="0"> Não </option>
                            <option value="{{ $category->web_home_show }}" @if ($category->web_home_show > 0 ) selected @endif> Sim </option>
                        </select>
                        <label for="web_home_show" class="home">Ordem na Home:</label>
                        <input type="number" name="web_home_show" id="web_home_show" value="{{ $category->web_home_show }}" class="home">
                    </div>
                    <div class="form-group">
                        <label for="monte_cesta">Produtos montam cesta?</label>
                        <select name="monte_cesta" id="monte_cesta" class="form-control select2">
                            <option value="0"> Não </option>
                            <option value="{{ $category->web_monte_cesta }}" @if ($category->web_monte_cesta > 0 ) selected @endif> Sim </option>
                        </select>
                        <label for="web_monte_cesta" class="cesta">Ordem na montagem da cesta:</label>
                        <input type="number" name="web_monte_cesta" id="web_monte_cesta" value="{{ $category->web_monte_cesta }}" class="cesta">
                    </div>
                </div>
                <!-- /.box-body -->
                <div class="box-footer">
                    <div class="btn-group">
                        <a href="{{ route('admin.categories.index') }}" class="btn btn-default">Voltar</a>
                        <button type="submit" class="btn btn-primary">Atualizar</button>
                    </div>
                </div>
            </form>
        </div>
        <!-- /.box -->

    </section>
    <!-- /.content -->
@endsection
@section('js')
    <script>
        $(document).ready(function () {
            /*let home_hist = $('#home_show option:selected').val();
            let cesta_hist = $('#monte_cesta option:selected').val();
            function verCestaHome() {
                let home = $('#home_show option:selected').val();
                let cesta = $('#monte_cesta option:selected').val();
                if(home > 0) {
                    $('.home').show()
                    $('#web_home_show').val(home_hist)
                } else {
                    $('.home').hide()
                    $('#web_home_show').val("")
                }
                if(cesta > 0) {
                    $('.cesta').show()
                    $('#web_monte_cesta').val(cesta_hist)
                } else {
                    $('.cesta').hide()
                    $('#web_monte_cesta').val("")
                }
            }
            verCestaHome()
            $('#home_show').on('change', function(){
                verCestaHome()
                if(home_hist === '0') {
                    $('.home').show()
                }
            })
            $('#monte_cesta').on('change', function(){
                verCestaHome()
            })*/

        });
    </script>
@endsection