@extends('catalog.main.template')

@section('content')
<div class="row">
    <div class="col-sm-12">
        @if(Route::currentRouteName()=="categories.new")
        <hr class="sidebar-divider d-none d-md-block">
        <h5>Adicionar Categoria</h5>
        <form method="POST" action="{{ route('categories.new.action') }}" enctype="multipart/form-data">
            @csrf
            <div class="form-row">
                <div class="col-md-6">
                    <label for="id" class="form-label">Nome</label>
                    <input type="text" class="form-control" name="name" id="name" value="" placeholder="">
                </div>
                <div class="col-md-3">
                    <label for="id" class="form-label">Posição</label>
                    <input type="text" name="pos" class="form-control" id="pos" value="" placeholder="">
                </div>
                <div class="col-md-6">
                    <label for="id" class="form-label">Fundo página</label>
                    <input type="text" class="form-control" id="image_bg" value="" placeholder="">
                    <input type="file" class="form-control" id="image_bg_file" name="image_bg_file">
                </div>
                <div class="col-md-6">
                    <label for="id" class="form-label">Capa</label>
                    <input type="text" class="form-control" id="image_cover" value="" placeholder="">
                    <input type="file" class="form-control" id="image_cover_file" name="image_cover_file">
                </div>
            </div>
            <div class="row">
                <a class="btn btn-info m-2" href="{{ route('categories.list') }}">Cancelar</a>
                <button type="submit" class="btn btn-success m-2">Guardar</button>
            </div>
        </form>
        @elseif(Route::currentRouteName()=="categories.edit")
        <h5>Editar Categoria</h5>
        <form method="POST" action="{{ route('categories.edit.action', $category->id) }}" enctype="multipart/form-data">
            @csrf
            <div class="form-row">
                <div class="col-md-3">
                    <label for="id" class="form-label">Id</label>
                    <input type="text" class="form-control" id="id" disabled value="{{ $category->id ?? '' }}" placeholder="">
                </div>
                <div class="col-md-6">
                    <label for="name" class="form-label">Nome</label>
                    <input type="text" class="form-control" name="name" id="name" value="{{ $category->name ?? '' }}" placeholder="">
                </div>
                <div class="col-md-3">
                    <label for="pos" class="form-label">Posição</label>
                    <input type="text" name="pos" class="form-control" id="pos" value="{{ $category->position ?? '' }}" placeholder="">
                </div>
                <div class="col-md-6">
                    <label for="image_bg" class="form-label">Fundo página</label>
                    <input type="text" class="form-control" id="image_bg" value="{{ $category->image_bg ?? '' }}" placeholder="">
                    <input type="file" class="form-control" id="image_bg_file" name="image_bg_file">
                </div>
                <div class="col-md-6">
                    <label for="image_cover" class="form-label">Capa</label>
                    <input type="text" class="form-control" id="image_cover" value="{{ $category->image_cover ?? '' }}" placeholder="">
                    <input type="file" class="form-control" id="image_cover_file" name="image_cover_file">
                </div>
            </div>
            <div class="row">
                <a class="btn btn-info m-2" href="{{ route('categories.view', $category->id) }}">Cancelar</a>
                <button type="submit" class="btn btn-success m-2">Guardar</button>
            </div>
        </form>
        @endif   
        @if(Route::currentRouteName()!="categories.new")
        <div class="panel panel-primary">
            <div class="panel-body">
                <div class="table-responsive">
                    @if(!empty($category))    
                        <hr class="sidebar-divider d-none d-md-block"> 
                        <h5>Previsualização</h5>  
                        @include('catalog.categories.single-cat-tpl')
                    @else
                        <div style="text-align:center">Sem resultados</div>
                    @endif
                </div>
            </div>
        </div>
        <hr class="sidebar-divider d-none d-md-block">
        <div class="row">
            <a class="btn btn-info m-2" href="{{ route('categories.list' ) }}">Voltar</a>
            <a class="btn btn-warning m-2" href="{{ route('categories.edit', $category->id??'') }}">Editar</a>
        </div>
        @endif   

    </div>
</div>
@endsection

@section('modals')
<div class="modal_placeholder"></div>
@endsection

@section('pageJsIncludes')

@endsection