@extends('layouts/contentLayoutMaster')

@section('title', 'Jewellery Purity')

@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-body">
            <div class="table-responsive">
                <table class="table">
                    <thead>
                        <tr>
                            <th>No.</th>
                            <th>Purity</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($purities as $key => $purity)
                            <tr>
                                <td>{{ $key+1 }}</td>
                                <td>{{ $purity['purity'] }}</td>
                                <td>
                                <!--<button type="button" class="btn btn-success"  data-bs-toggle="modal" data-bs-target="#edit-purity" onclick="js:getPurityDetail('<br />
<b>Warning</b>:  Undefined variable $token in <b>/home2/dev22ks/public_html/resources/views/app/gold_management/masters/purity.blade.php</b> on line <b>35</b><br />
',{{ $purity['id'] }})">Edit </button>-->
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    
    <div class="modal fade text-start" id="add-purity" 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 Purity</h4>
                  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <input type="number" id="purity" class="form-control mb-2" placeholder="Enter Purity">
                </div>
                <div class="modal-footer">
                  <button type="button" class="btn btn-primary" onclick="js:createPurity('{{ $token }}')">Save</button>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade text-start" id="edit-purity" 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 Purity</h4>
                  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <input type="hidden" id="id" class="form-control mb-2" >
                    <input type="number" id="purity" class="form-control mb-2" placeholder="Enter Purity">
                </div>
                <div class="modal-footer">
                  <button type="button" class="btn btn-primary" onclick="js:editPurity('{{ $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 createPurity(token){
            try{
                var purity = $('#add-purity #purity').val();
                $.ajax({
                    url: "/api/gold-management/jewellery/addPurity",
                    type: "post",
                    dataType: 'json',
                    headers: {
                        'Authorization': 'Bearer '+token 
                    },
                    data:{
                        'purity':purity
                    },
                    success: function(response){
                        console.log(response);
                        $("#add-purity").modal('hide');
                        setTimeout(function () {
                            toastr["success"](
                                "",
                                response.msg,
                                {
                                    closeButton: false,
                                    tapToDismiss: false,
                                    rtl: "rtl",
                                }
                            );
                        }, 2000);
                        location.reload();
                    }
                });
            }catch(e){
                console.log(e);
            }
        }
    
        function getPurityDetail(token, id){
            
            try{
                var id = id;
                $.ajax({
                    url: "/api/gold-management/jewellery/getPurityDetail",
                    type: "get",
                    dataType: 'json',
                    headers: {
                        'Authorization': 'Bearer '+token 
                    },
                    data:{
                        'id':id
                    },
                    success: function(response){
                        console.log(response);
                       // if(response.status === true){
                            $('#edit-purity #id').val(response.id);
                            $('#edit-purity #purity').val(response.purity);
                            
                        //}
                    }
                });
            }catch(e){
                console.log(e);
            }
        }
        
        function editPurity(token){
            
            try{
                var id = $('#edit-purity #id').val();
                var purity = $('#edit-purity #purity').val();
                $.ajax({
                    url: "/api/gold-management/jewellery/editPurity",
                    type: "post",
                    dataType: 'json',
                    headers: {
                        'Authorization': 'Bearer '+token 
                    },
                    data:{
                        'id':id,'purity':purity
                    },
                    success: function(response){
                        console.log(response);
                        $("#edit-purity").modal('hide');
                        setTimeout(function () {
                            toastr["success"](
                                "",
                                response.msg,
                                {
                                    closeButton: false,
                                    tapToDismiss: false,
                                    rtl: "rtl",
                                }
                            );
                        }, 2000);
                        location.reload();
                    }
                });
            }catch(e){
                console.log(e);
            }
                
        }
    </script>
@endsection