{{--
    ...............Manual
    1. pass ret_type = 1 if you want to get the last saved/updated item.
    else u'll get just a message after data update or saved.
--}}
<style>
    .table {
        margin-bottom: 0;
    }
</style>

<div id="costCenterModal" class="modal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">{{__('obs.cost_center')}}</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-6">
                        <table class="table cl-table table-form table-bordered">
                            <tbody>
                                <tr>
                                    <td>
                                        <label for="cost_center_name">{{__('obs.name')}}</label>
                                    </td>
                                    <td>
                                        <input type="text" class="form-control" name="name" id="cost_center_name" NsModelBind="costCenterObj.name"/>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="col-md-6">
                        <table class="table cl-table table-form table-bordered">
                            <tbody>
                                <tr>
                                    <td>
                                        <label for="cost_center_name_local">{{__('obs.local_name')}}</label>
                                    </td>
                                    <td>
                                        <input type="text" class="form-control" name="name_local" id="cost_center_name_local" NsModelBind="costCenterObj.name_local"/>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="col-md-6">
                        <table class="table cl-table table-form table-bordered">
                            <tbody>
                                <tr>
                                    <td>
                                        <label for="cost_center_area">{{__('obs.area')}}</label>
                                    </td>
                                    <td>
                                        <input type="text" class="form-control" name="area" id="cost_center_area" NsModelBind="costCenterObj.info_obj.area"/>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="col-md-6">
                        <table class="table cl-table table-form table-bordered">
                            <tbody>
                                <tr>
                                    <td>
                                        <label for="cost_center_capacity">{{__('obs.capacity')}}</label>
                                    </td>
                                    <td>
                                        <input type="number" step="any" class="form-control" name="capacity" id="cost_center_capacity" NsModelBind="costCenterObj.info_obj.capacity"/>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="col-md-6">
                        <table class="table cl-table table-form table-bordered">
                            <tbody>
                                <tr>
                                    <td>
                                        <label for="for_all_user">{{__('obs.assign_to_all')}}</label>
                                    </td>
                                    <td>
                                        <input type="checkbox" name="for_all_user" id="for_all_user" NsModelBind="costCenterObj.for_all_user" value="1"/>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-light" data-bs-dismiss="modal">{{__('obs.close')}}</button>
                <button type="button" class="btn btn-primary" id="save"
                    onclick="submitCostCenter()">{{__('obs.save')}}</button>
            </div>
        </div>
    </div>
</div>
@section('script_after')
    <script>
        const cc_ret_type = {{ @$ret_type??0 }};
		$(document).ready(function() {
			
		});

        let initCostCenterObj = {
            id: null,
            name: '',
            name_local: '',
            info_obj: {
                area: '',
                capacity: 0,
            },
            status: 1,
            ret_type: cc_ret_type
        }
        
        let costCenterObj = deepClone(initCostCenterObj);		
        const createCostCenter = async () => {
            costCenterObj = deepClone(initCostCenterObj);
            await viewSetter(costCenterObj, 'costCenterObj');
            
            $('#costCenterModal').modal('show');
            $('.validation').hide();
        }

        const editCostCenter = async id => {
            $('.validation').hide();
            ajaxCall('/admin/costcenter/edit', 'GET', {id: id}, async (res) => {
                if (!res.info_obj) res.info_obj = {area: '', capacity: 0};
                costCenterObj = res;

                await viewSetter(costCenterObj, 'costCenterObj');
                $('#loader').hide();
                $('#costCenterModal').modal('show');
            })
        }

        const submitCostCenter = () => {
            commonSubmitForm({
                post_url: '/admin/costcenter/store',
                dataObj: costCenterObj,
                callback: callbackAfterPostingCostCenter
            });
        }
    </script>
@append