@extends('layouts/contentLayoutMaster')
<br />
<b>Warning</b>:  Undefined variable $type in <b>/home2/dev22ks/public_html/resources/views/app/gold_management/masters/jewellery_subcategory.blade.php</b> on line <b>4</b><br />
<br />
<b>Warning</b>:  Undefined variable $type in <b>/home2/dev22ks/public_html/resources/views/app/gold_management/masters/jewellery_subcategory.blade.php</b> on line <b>6</b><br />
<br />
<b>Warning</b>:  Undefined variable $type in <b>/home2/dev22ks/public_html/resources/views/app/gold_management/masters/jewellery_subcategory.blade.php</b> on line <b>8</b><br />
@section('title', $title)

@section('vendor-style')
    <link rel="stylesheet" href="{{ asset(mix('vendors/css/extensions/toastr.min.css')) }}">
@endsection
@section('page-style')
    <link rel="stylesheet" href="{{ asset(mix('css/base/plugins/extensions/ext-component-toastr.css')) }}">
@endsection

@section('content')
    <div class="card">
        <div class="card-header">
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table">
                    <thead>
                        <tr>
                            <th>No.</th>
                            <th>Type</th>
                            <th>Category</th>
                            <th>Subcategory</th>
                            <th>ShortCode</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                                                @foreach ($items as $key => $item)
                            <tr>
                                <td>{{ $key+1 }}</td>
                                <td>{{ $item->type}}</td>
                                <td>{{ $item->parent }}</td>
                                <td>{{ $item->subcategory }}</td>
                                <td>{{ $item->short_code }}</td>
                                <td>
                                <button type="button" class="btn btn-success"  data-bs-toggle="modal" data-bs-target="#edit-subcategory" onclick="js:getSubcategoryDetail('<br />
<b>Warning</b>:  Undefined variable $token in <b>/home2/dev22ks/public_html/resources/views/app/gold_management/masters/jewellery_subcategory.blade.php</b> on line <b>47</b><br />
',{{ $item->id }})">Edit </button>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    
   
    <div class="modal fade text-start" id="edit-subcategory" tabindex="-1" aria-labelledby="myModalLabel17" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                  <h4 class="modal-title" id="myModalLabel17">Edit Subcategory</h4>
                  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <input type="hidden" id="subcategory_id">
                    Category <select id="category" class="form-control mb-2 category">
                        <option value="0">Select</option>
                    </select>
                    <input type="text" id="subcategory" class="form-control mb-2" placeholder="Item Subcategory">
                    <input type="text" id="short_code" class="form-control mb-2" placeholder="Short Code">
                
                    
                    
                </div>
                <div class="modal-footer">
                  <button type="button" class="btn btn-primary" onclick="js:editSubcategory('{{ $token }}')">Update</button>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('vendor-script')
    <script src="{{ asset(mix('vendors/js/extensions/toastr.min.js')) }}"></script>
@endsection

@section('page-script')
    <script src="{{ asset(mix('js/scripts/custom/common.js')) }}"></script>
    
    
    <script>
    $(document).ready(function () {
        typeWiseCategory('{{ $type}}');
    });
        function getSubcategoryDetail(token, id){
            var id = id;
            try{
                $.ajax({
                    url: "/api/gold-management/jewellery/subcategoryDetail",
                    type: "get",
                    dataType: 'json',
                    headers: {
                        'Authorization': 'Bearer '+token 
                    },
                    data:{
                        'id':id
                    },
                    success: function(response){
                        console.log(response);
                       // if(response.status === true){
                            $('#edit-subcategory #subcategory_id').val(response.id);
                            $('#edit-subcategory #category').val(response.jewellery_id);
                            $('#edit-subcategory #subcategory').val(response.subcategory);
                            $('#edit-subcategory #short_code').val(response.short_code);
                            
                        //}
                    }
                });
            }catch(e){
                console.log(e);
            }
        }
        
        function editSubcategory(token){
            
            try{
                var id = $('#edit-subcategory #subcategory_id').val();
                var jewellery_id = $('#edit-subcategory #category').val();
                var subcategory = $('#edit-subcategory #subcategory').val();
                var short_code = $('#edit-subcategory #short_code').val();
                $.ajax({
                    url: "/api/gold-management/jewellery/editSubcategory",
                    type: "post",
                    dataType: 'json',
                    headers: {
                        'Authorization': 'Bearer '+token 
                    },
                    data:{
                        'id':id,'jewellery_id':jewellery_id,'subcategory':subcategory,'short_code':short_code
                    },
                    success: function(response){
                        console.log(response);
                        $("#edit-category").modal('hide');
                        setTimeout(function () {
                            toastr["success"](
                                "",
                                response.msg,
                                {
                                    closeButton: false,
                                    tapToDismiss: false,
                                    rtl: "rtl",
                                }
                            );
                        }, 2000);
                        location.reload();
                    }
                });
            }catch(e){
                console.log(e);
            }
                
        }
        
        function typeWiseCategory(type){
        $.ajax({
            url: "/api/jewellery/typeWiseCategories",
            type: "Get",
            dataType: "json",
            data:{type:type},
            success: function (response) {
                //console.log(response);
                for (var i = 0; i < response.length; i++) {
                    $(".category").append(`<option value="${response[i].id}">${response[i].category+' - '+response[i].short_code}</option>`);
                }
                
            },
        });
    }
    </script>
@endsection