@extends('layouts/contentLayoutMaster')

<br />
<b>Warning</b>:  Undefined variable $type in <b>/home2/dev22ks/public_html/resources/views/app/gold_management/masters/jewellery_category.blade.php</b> on line <b>5</b><br />
<br />
<b>Warning</b>:  Undefined variable $type in <b>/home2/dev22ks/public_html/resources/views/app/gold_management/masters/jewellery_category.blade.php</b> on line <b>7</b><br />
<br />
<b>Warning</b>:  Undefined variable $type in <b>/home2/dev22ks/public_html/resources/views/app/gold_management/masters/jewellery_category.blade.php</b> on line <b>9</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">
            @if(Auth::user()->role == "SUPER_ADMIN" || Auth::user()->role == "ADMIN" || Auth::user()->role == "STOCK_MANAGER")
            <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#add-category">Add Category</button>
            @elseif(Auth::user()->role == "PURCHASE_MANAGER" && Auth::user()->metal_type == "diamond" && $type == "diamond")
            <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#add-category">Add Category</button>
            @endif
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table">
                    <thead>
                        <tr>
                            <th>No.</th>
                            <th>Type</th>
                            <th>Category</th>
                            <th>ShortCode</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($categories as $key => $category)
                            <tr>
                                <td>{{ $key+1 }}</td>
                                <td>{{ $category['type'] }}</td>
                                <td>{{ $category['category'] }}</td>
                                <td>{{ $category['short_code'] }}</td>
                                <td><button type="button" class="btn btn-success"  data-bs-toggle="modal" data-bs-target="#edit-category" onclick="js:editCategory('<br />
<b>Warning</b>:  Undefined variable $token in <b>/home2/dev22ks/public_html/resources/views/app/gold_management/masters/jewellery_category.blade.php</b> on line <b>49</b><br />
',{{ $category['id'] }})">Edit </button></td>
                                <td><button type="button" class="btn btn-success"  data-bs-toggle="modal" data-bs-target="#add-subcategory" onclick="js:addSubcategoryView({{ $category['id'] }})">Add Subcategory </button></td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    
    <div class="modal fade text-start" id="add-category" 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">Add New Category</h4>
                  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <input type="hidden" id="type" value="{{$type}}">
                    <input type="text" id="category" class="form-control mb-2" placeholder="Category Name">
                    <input type="text" id="short_code" class="form-control mb-2" placeholder="Short Code">
                
                    <input type="hidden" id="role" class="form-control mb-2" value="STOCK_MANAGER">
                    
                </div>
                <div class="modal-footer">
                  <button type="button" class="btn btn-primary" onclick="js:createCategory('{{ $token }}')">Save</button>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade text-start" id="add-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">New 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="type" value="{{$type}}">
                    <input type="hidden" id="category" class="form-control mb-2" value="">
                    <input type="text" id="subcategory" class="form-control mb-2" placeholder="Subcategory Name">
                    <input type="text" id="short_code" class="form-control mb-2" placeholder="Short Code">
                
                    <input type="hidden" id="role" class="form-control mb-2" value="STOCK_MANAGER">
                    
                </div>
                <div class="modal-footer">
                  <button type="button" class="btn btn-primary" onclick="js:createSubcategory('{{ $token }}')">Save</button>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade text-start" id="edit-category" 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 Category</h4>
                  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                     <input type="hidden" id="type" value="{{$type}}">
                    <input type="hidden" id="category_id" class="form-control mb-2" >
                    <input type="text" id="category" class="form-control mb-2" placeholder="Category Name">
                    <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:editJewelleryCategory('{{ $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>
        function editCategory(token, categoryId){
            var id = categoryId;
            try{
                $.ajax({
                    url: "/api/gold-management/jewellery/categoryDetail",
                    type: "get",
                    dataType: 'json',
                    headers: {
                        'Authorization': 'Bearer '+token 
                    },
                    data:{
                        'id':id
                    },
                    success: function(response){
                        console.log(response);
                       // if(response.status === true){
                            $('#edit-category #category_id').val(response.id);
                            $('#edit-category #category').val(response.category);
                            $('#edit-category #short_code').val(response.short_code);
                            
                        //}
                    }
                });
            }catch(e){
                console.log(e);
            }
        }
        
        function editJewelleryCategory(token){
            
            try{
                var id = $('#edit-category #category_id').val();
                var category = $('#edit-category #category').val();
                var short_code = $('#edit-category #short_code').val();
                $.ajax({
                    url: "/api/gold-management/jewellery/editCategory",
                    type: "post",
                    dataType: 'json',
                    headers: {
                        'Authorization': 'Bearer '+token 
                    },
                    data:{
                        'id':id,'category':category,'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 addSubcategoryView(id){
            $('#add-subcategory #category').val(id);
        }
        
        function createSubcategory(token) {
            try {
                //alert($("#passwrd").val());
                $.ajax({
                    url: "/api/gold-management/jewellery/addSubcategory",
                    type: "post",
                    dataType: "json",
                    headers: {
                        Authorization: "Bearer " + token,
                    },
                    data: {
                        type: $("#add-subcategory #type").val(),
                        subcategory: $("#add-subcategory #subcategory").val(),
                        short_code: $("#add-subcategory #short_code").val(),
                        parent_id: $("#add-subcategory #category").val(),
                    },
                    success: function (response) {
                        $("#add-subcategory").modal('hide');
                        setTimeout(function () {
                            toastr["success"](
                                "",
                                "Saved",
                                {
                                    closeButton: false,
                                    tapToDismiss: false,
                                    rtl: "rtl",
                                }
                            );
                        }, 2000);
                        location.reload();
                    },
                });
            } catch (e) {}
        }
        
        function createCategory(token) {
            try {
                //alert($("#passwrd").val());
                $.ajax({
                    url: "/api/gold-management/jewellery/addCategory",
                    type: "post",
                    dataType: "json",
                    headers: {
                        Authorization: "Bearer " + token,
                    },
                    data: {
                        
                        type: $("#add-category #type").val(),
                        category: $("#add-category #category").val(),
                        short_code: $("#add-category #short_code").val(),
                    },
                    success: function (response) {
                        $("#add-category").modal('hide');
                                setTimeout(function () {
                                    toastr["success"](
                                        "",
                                        "Saved",
                                        {
                                            closeButton: false,
                                            tapToDismiss: false,
                                            rtl: "rtl",
                                        }
                                    );
                                }, 2000);
                        location.reload();
                    },
                });
            } catch (e) {}
        }
    </script>
@endsection