@extends('admin.layout.master')
@section('title','COSTING OF PRODUCT MANAGEMENT')
@section('custom_style')
<style>
    input[type=text],
    input[type=file],
    input[type=number] {
        height: 35px !important;
    }
    .table th, .table td {
            padding: 0px 5px;
            color: black;
        }
        .table th {
           background: var(--tableHeader);
           padding: 5px !important;
           color: white !important;
        }
        .table-bordered th, .table-bordered td {
            border: 1px solid #c1c1c1 !important;
        }
</style>
@endsection
@section ('content')
<div class="card sina-card">
    <div class="card-header card-header-s row justify-content-end">
        <div class="col-6 pl-0">
            <h4>{{__('obs.costing')}} {{__('obs.of')}} {{__('obs.product')}}</h4>
        </div>
        <div class="col-6 d-flex justify-content-end">
            <button id="myButtonControlID" class="btn-sina-title-add d-flex align-items-center" type="button" name="button">
                <div class=""> {{__('obs.excel')}} </div>
                <div class="col pl-2 pr-0">
                    <i class="fa fa-download"></i>
                </div>
            </button>
            &nbsp;
            <button class="btn-sina-title-add d-flex align-items-center" type="button" name="button" onclick="PrintDiv()">
                <div class=""> {{__('obs.print')}} </div>
                <div class="col pl-2 pr-0">
                    <i class="fa fa-print"></i>
                </div>
            </button>
        </div>
    </div>
    <div class="card-body">
         
        <input type="hidden" name="" id="csrf-token" value="{{ Session::token() }}" />
        <div class="card-body" style="padding-bottom:0">
            <form action="{{  Request::url() }}" method="get">
                <div class="form-group">
                    <div class="row">
                        <div class="col-3">
                            <div class="form-group">
                                <select name="category_code" id="category_code" class="form-control select_2">
                                    <option value="0">{{__('obs.select')}} {{__('obs.category')}}</option>
                                    @forelse ($categories as $category)
                                        <option value="{{$category->code}}" data-category_id="{{$category->id}}" @if(Request()->category_code==$category->code) selected="selected" @endif>{{$category->name_eng}}</option>
                                    @empty
                                    @endforelse
                                    {{-- @forelse ($products->GroupBy('category_id') as $category_id=>$category)
                                    <option value="{{$category->first()->category->code}}" data-category_id="{{$category_id}}" @if(Request()->category_code==$category->first()->category->code) selected="selected" @endif>{{$category->first()->category->name_eng}}</option>
                                    @empty
                                    @endforelse --}}
                                </select>
                            </div>
                        </div>
                        <div class="col-3">
                            <div class="form-group">
                                <select name="product_id" id="product_id" class="form-control select_2">
                                    <option value="0">{{__('obs.select')}} {{__('obs.product')}}</option>
                                    @forelse ($products as $product)
                                    <option value="{{$product->id}}" @if(Request()->product_id==$product->id) selected="selected" @endif>{{$product->name_eng}}</option>
                                    @empty

                                    @endforelse
                                </select>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group">
                                <div class="input-group-append">
                                    {!!getDateInput('date_from','date_from',Request()->date_from)!!}
                                    <label class="input-group-text" style="height: 28px; margin-left: -2px; margin-right: -2px">{{__('obs.date_to')}}</label>
                                    {!!getDateInput('date_to','date_to',Request()->date_to)!!}
                                    {{-- <input type="text" class="form-control date_picker_report" id="date_from" name="date_from" value="{{Request()->date_from?date('Y-m-d',strtotime(Request()->date_from)):date('Y-m-d')}}">
                                    <label class="input-group-text" style="height: 28px; margin-left: -2px; margin-right: -2px">{{__('obs.date_to')}}</label>
                                    <input type="text" class="form-control date_picker_report" id="date_to" name="date_to" value="{{Request()->date_to?date('Y-m-d',strtotime(Request()->date_to)):date('Y-m-d')}}"> --}}

                                    <button type="submit" style="height: 28px; margin-left: -2px" class="btn btn-pill btn-sm btn-hover btn-danger">
                                        <i class="fa fa-search"></i>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
        {{-- <div class="">
        <form id="form" method="get" action="{{ route('pre_sells.costing_index') }}" name="form" enctype="multipart/form-data">
             
                <div class="row mb-1">
                    <div class="col-md-4 col-12 d-flex flex-wrap pr-0 mb-3">
            
                    </div>
                    <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-3">
                        <div class="col-2 px-0">
                            <label for="cost_id">{{__('obs.from')}}</label>
                        </div>
                        <div class="col-10 px-0">
                            <input type="date" class="form-control" name="start_date">
                        </div>
                    </div>
                    <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-3">
                        <div class="col-2 px-0">
                            <label for="cost_id">{{__('obs.date_to')}}</label>
                        </div>
                        <div class="col-10 px-0">
                            <input type="date" class="form-control" name="end_date">
                        </div>
                    </div>
                    <div class="col-md-2 col-12 d-flex flex-wrap pr-0 mb-3">
                        <div class="col-12 px-0">
                            <div class="input-group">
                                <span class="input-group-text">{{__('obs.search')}}</span>
                                <div class="input-group-append">
                                    <button type="submit" class="btn btn-danger">
                                    <span class="fa fa-search"></span>
                                    </button>
                                </div>

                            </div>
                        </div>
                    </div>
                    
                </div>
        </form> --}}
                {{-- <div class="tab-content">
                        <div class="tab-pane active" id="tabs-1" role="tabpanel">
                    </div>
                </div> --}}
            </div>
            {{-- end --}}
            <hr>
            <div class="table-responsive" id="divTableDataHolder">
                <table class="table table-bordered table-hover">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>{{__('obs.date')}}</th>
                            <th>{{__('obs.product')}} {{__('obs.name')}}</th>
                            <th>{{__('obs.note')}}</th>
                            <th>{{__('obs.other's')}} {{__('obs.charge')}}</th>
                            <th>{{__('obs.commission')}} {{__('obs.(%)')}}</th>
                            <th>{{__('obs.status')}}</th>
                            <th>
                                <div class="form-check">
                                    <input class="form-check-input voucher_id_all" onclick="setAllCheckedApprovalbles(this)" type="checkbox" value="1" id="voucher_id_all">
                                    <label class="form-check-label" for="voucher_id_all"> </label>
                                </div>
                            </th>
                        </tr>
                    </thead>
                    @php
                        $statusArray=[0=>'PENDING',1=>'ACCEPT'];
                        $action_id=701;
                    @endphp
                    <tbody id="tbl_body_index">
                        @forelse ($costings as $i=>$costing)
                            
                        
                            <tr id="tr{{ $i }}">
                                <td>{{ ($i+1) }}</td>
                                <td id="effect_date-{{$costing->id}}" ondblclick="getInputForCosting('effect_date',{{$costing->id}},'{{$costing->effect_date}}')">
                                    <div class="d-flex text-center">
                                        {{date('d-m-Y',strtotime($costing->effect_date))}}
                                    </div>
                                </td>
                                <td id="product_id-{{$costing->id}}" ondblclick="getInputForCosting('product_id',{{$costing->id}},'{{$costing->product->name_eng}}')">
                                    <div class="d-flex text-center">
                                        {{$costing->product->name_eng}} 
                                        {{-- {{$costing->product->primaryUnit? $costing->product->primaryUnit->name:''}} --}}
                                    </div>
                                </td>
                                <td id="note-{{$costing->id}}" ondblclick="getInputForCosting('note',{{$costing->id}},'{{$costing->note}}')">
                                    <div class="d-flex text-right">
                                        {{$costing->note}}
                                    </div>
                                </td>
                                <td id="other_cost-{{$costing->id}}" ondblclick="getInputForCosting('other_cost',{{$costing->id}},'{{$costing->other_cost}}')">
                                    <div class="d-flex text-right">
                                        {{$costing->other_cost}}
                                    </div>
                                </td>
                                <td id="purchase_commission-{{$costing->id}}" ondblclick="getInputForCosting('purchase_commission',{{$costing->id}},'{{($costing->purchase_commission*100)}}')">
                                    <div class="d-flex text-right">
                                        {{($costing->purchase_commission*100)}}%
                                    </div>
                                </td>
                                
                                
                                <td>
                                    <span class="badge badge-info" id="status_span{{$costing->id}}">{{$statusArray[$costing->status]}}</span>
                                </td>
                                <td text-align="center">
                                     {{-- <button type="button" class="btn btn-info" onclick="showDetails({{$costing}})"><i class="fas fa-eye"></i></button>  --}}
                                
                               
                                    @if($costing->status==0)
                                        {{-- <button type="button" class="btn btn-sm btn-danger" onclick="updateCosting(1,{{$costing->id}},'status')">{{__('obs.approve')}}</button> --}}
                                        {{-- @if($costing->status!=1) --}}
                                            {!! getApprovalInputField($costing->id,$action_id) !!}
                                        {{-- @endif --}}
                                     @endif
                                </td>
                                
                            </tr>
                            @empty
                            
                        @endforelse
                       
                    </tbody>
                </table>
            </div>
            <hr>
            
            <div class="row pb-0  modal-footer">
                {{-- <input class="btn-sina-submit" type="submit" id="save" value="save"> --}}
            </div>
        </form>
    </div>
</div>

{{-- @include('inventory.prepurchase.quotation.quotation_details_modal') --}}
@endsection
@section('script')
<script>
    const store_setting = @json(store_info());
</script>
    <script type="text/javascript" src="{{ asset('inventory/blade_js/common.js') }}"></script>
    <script>
        // $('.select_2').select2();
        select2('select_2');
        function getInputForCosting(type,td_id,text){
            if(confirm('are you sure?')){
                if(type=='product_id'){
                    var html=`<div class="d-flex text-center row">
                            <div class="col-10">  
                                <select class="form-control new_product" style="width: 100%" onchange="updateCosting(this.value,'`+td_id+`','`+type+`')">
                                    <option value=" "> `+text+` </option>
                                </select>
                            </div>
                            <div class="col-2">
                                <span class="badge badge-secondary" id="unit-`+td_id+`"></span>
                            </div>
                        </div>`;
                } else{
                    var input_type='text';
                    if(type=='effect_date'){
                        input_type='date';
                    }
                    var html=`<input class="form-control-sm text-center" type="`+input_type+`" onblur="updateCosting(this.value,'`+td_id+`','`+type+`')" value="`+text+`">`;
                }
                $('#'+type+'-'+td_id).html(html);
                if(type=='product_id'){
                    productSearch('new_product');
                }
            }
        }

        function setApprovedCosting(quotation_id){
            if(confirm('are you sure?')){
                $.ajax({
                        type: "GET",
                        url: "/sells_quotation/create",
                        data: {
                            quotation_id:quotation_id,
                            type:4
                        },
                        success: function (data) {
                        location.reload();
                        },
                        error: function (response) {
                        },
                    });
                }
        }
        
        function updateCosting(dataValue,costing_id,field){
            if(confirm('are you sure?')){
                if(permission_check('pre_sells.costing_edit')){
                    $.ajax({
                        type: "GET",
                        url: "{{route('pre_sells.costing_edit')}}",
                        data: {
                            costing_id:costing_id,
                            type:4,
                            field:field,
                            update_val:dataValue
                        },
                        success: function (data) {
                            Swal.fire({
                                position: "center",
                                icon: "success",
                                title: "Your work has been saved",
                                showConfirmButton: false,
                                timer: 1500,
                            });
                        location.reload();
                        },
                        error: function (response) {
                        },
                    });
                }else{
                    Swal.fire({
                        position: "center",
                        icon: "danger",
                        title: "Your Don\'t Have Permission For This Task",
                        showConfirmButton: false,
                        timer: 1500,
                    });
                }
            }
        }
    </script>
@stop