@extends('layouts.admin')

@section('main')
    <div class="container">
        <div class="page-header row">
            <h3 class="page-title w-100">
                <span class="page-title-icon bg-gradient-primary text-white mr-2">
                    <i class="mdi mdi-account"></i>
                </span>
                {{ !$form_edit?"Alta de Producto":"Actualización de Producto" }}
            </h3>
            <div class="alert alert-warning w-100 pt-3"><strong>Los campos con <span class="text-danger">*</span> son necesarios</strong></div>
        </div>
        <form class="form_files row" id="form_producto" action="{{ $form_edit ? route('adm.actualizar_producto',$producto->id) :  route('adm.guardar_producto') }}" method="post" enctype="multipart/form-data">
            @csrf
            <div class="form-group col-md-6 col-12">
                <label for="categoria" class="w-100">Categoría<span class="text-danger">*</span></label>
                <select name="categoria" id="categoria" class="form-control form-control-lg">
                    <option value="">Seleccione una categoría</option>
                    @foreach ($categorias as $item)
                        <option value="{{ $item->id }}" {{ $form_edit && $item->id == $producto->categoria_id ? "selected" : "" }}>{{ $item->nombre }}</option>
                    @endforeach
                </select>
                <span class="invalid-feedback"></span>
            </div>
            <div class="form-group col-md-6 col-12">
                <label for="nombre">Nombre<span class="text-danger">*</span></label>
                <input type="text" class="form-control form-control-lg" name="nombre" id="nombre" value="{{ $form_edit ? $producto->nombre : "" }}">
                <span class="invalid-feedback"></span>
            </div>
            <div class="form-group col-md-6 col-12">
                <label for="tallas">Grupo de talla<span class="text-danger">*</span></label>
                <select name="tallas" id="tallas" class="form-control form-control-lg">
                    <option value="">Seleccione un grupo</option>
                    @foreach ($tallas as $item)
                        <option value="{{ $item->id }}" {{ $form_edit && $item->id == $producto->talla_id ? "selected" : "" }}>{{ $item->grupo }}</option>
                    @endforeach
                </select>
                <span class="invalid-feedback"></span>
            </div>
            <div class="form-group col-md-6 col-12">
                <label for="material_cuerpo">Material del Cuerpo <span class="text-danger">*</span> </label>
                <select name="material_cuerpo" id="material_cuerpo" class="form-control form-control-lg">
                    <option value="">Seleccione un material</option>
                    @foreach ($materiales_cuerpo as $item)
                        <option value="{{ $item->id }}" {{ $form_edit && $item->id == $producto->cuerpo_id ? "selected" : "" }}>{{ $item->nombre }}</option>
                    @endforeach
                </select>
                <span class="invalid-feedback"></span>
            </div>
            <div class="form-group col-md-6 col-12">
                <label for="material_suela">Material de la Suela<span class="text-danger">*</span></label>
                <select name="material_suela" id="material_suela" class="form-control form-control-lg">
                    <option value="">Seleccione un material</option>
                    @foreach ($materiales_suela as $item)
                        <option value="{{ $item->id }}" {{ $form_edit && $item->id == $producto->suela_id ? "selected" : "" }}>{{ $item->nombre }}</option>
                    @endforeach
                </select>
                <span class="invalid-feedback"></span>
            </div>
            <div class="form-group col-md-6 col-12">
                <label for="aplicacion">Aplicación</label>
                <select name="aplicacion" id="aplicacion" class="form-control form-control-lg">
                    <option value="">Seleccione una aplicación</option>
                    @foreach ($aplicaciones as $item)
                        <option value="{{ $item->id }}" {{ $form_edit && $item->id == $producto->aplicacion_id ? "selected" : "" }}>{{ $item->nombre }}</option>
                    @endforeach
                </select>
                <span class="invalid-feedback"></span>
            </div>
            <div class="form-group col-md-6 col-12">
                <label for="color">Color<span class="text-danger">*</span></label>
                <select name="color" id="color" class="form-control form-control-lg">
                    <option value="">Seleccione un color</option>
                    @foreach ($colores as $item)
                        <option value="{{ $item->id }}" {{ $form_edit && $item->id == $producto->color_id ? "selected" : "" }}>{{ $item->nombre }}</option>
                    @endforeach
                </select>
                <span class="invalid-feedback"></span>
            </div>
            <div class="form-group col-md-6 col-12">
                <label for="precio">Precio<span class="text-danger">*</span></label>
                <input type="text" class="form-control form-control-lg only_money" name="precio" id="precio" value="{{ $form_edit ? $producto->precio : "" }}">
                <span class="invalid-feedback"></span>
            </div>
            <div class="form-group col-md-6 col-12">
                <label for="peso">Peso(Gramos)</label>
                <input type="text" class="form-control form-control-lg only_number" name="peso" id="peso" value="{{ $form_edit ? $producto->peso : "" }}">
                <span class="invalid-feedback"></span>
            </div>
            <div class="form-group col-md-6 col-12">
                @if ($form_edit)
                    <label for="imagen">Imagen</label>
                    <div class="col-md-6 col-12">
                        <img src="{{ asset('images/productos/'.$producto->imagen) }}" alt="{{ $producto->imagen }}" class="img-fluid">
                        <button type="button" class="btn btn-danger delete_file" data-name="imagen"><i class="mdi mdi-delete"></i> Eliminar</button>
                    </div>
                @else
                    <label for="imagen">Imagen(1920 x 400)</label>
                    <input type="file" name="imagen" id="imagen" class="form-control form-control-lg">
                @endif
                <span class="invalid-feedback"></span>
            </div>
            <div class="form-group col-12 text-center">
                <button type="submit" class="btn btn-success submit">{{ $form_edit ? "Actualizar" : "Guardar" }}</button>
            </div>
        </form>
    </div>
@endsection