@extends('layouts.admin')

@section('content')


    <div class="container-fluid">
        <div class="row">
            <div class="col-md-4 col-md-offset-4">

                <div class="panel panel-info">
                    <div class="panel-heading">Edit Product: <strong>{{$product->code}}</strong></div>

                    <div class="panel-body">

                        @include('errors._error-bag')
                        <form action="{{route('admin.product.edit',$product)}}" method="post">
                            {{csrf_field()}}
                            {{method_field('patch')}}
                            <div class="form-group">
                                <label for="main">Main Category</label>
                                <select class="form-control" name="main" id="main">
                                    @foreach($main as $key => $value)
                                        <option
                                                value="{{$key}}"
                                                {{($product->category->main==$key?'selected':'')}}
                                        >{{$value}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group">
                                <label for="sub">Sub Category</label>
                                <select class="form-control" name="subCategory" id="sub">
                                    @foreach($categories as $category)
                                        <option
                                                value="{{$category->id}}"
                                                {{($category->id == $product->category->id?"selected":'')}}
                                        >{{$category->name}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group">
                                <label for="title">Title</label>
                                <input type="text"
                                       class="form-control" id="title"
                                       value="{{$product->title}}"
                                       placeholder="Title..." name="title">
                            </div>
                            <div class="form-group">
                                <label for="show-on-home-page">
                                    <input type="checkbox" id="show-on-home-page"
                                           name="showOnHomePage" {{($product->is_on_home?'checked':'')}}>
                                    Show On Home Page
                                </label>
                            </div>
                            <div class="form-group">
                                <label for="description">Description</label>
                                <textarea class="form-control" rows="5" name="description" id="description"
                                >{{$product->description}}</textarea>
                            </div>
                            <button type="submit" class="btn btn-warning">Update Product</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('js')
    <script>
        //Fetch Sub Categories
        $("#main").change(function () {
            var main = $(this);
            if(main.val().trim() === "") return;
            $.get('{{route('admin.products.sub-categories')}}?main='+main.val(),function (data,status) {
                if(data.length)
                {
                    var _options = "";
                    for(var i=0;i < data.length; i++)
                    {
                        _options +="<option value='"+data[i].id+"'>"+data[i].name+"</option>";
                    }
                    $("#sub").html(_options);
//                    $("#product-fields-block").removeClass('hidden');
                }
                else
                {
//                    $("#product-fields-block").addClass('hidden');
                   alert('No sub-category available under '+main.val().toUpperCase()+". Add one first ");
                }
            });
        });
    </script>
@endsection