@extends('admin.layout.master')
@section('title','PURCHASE ORDER 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 td {
        /* padding: 0px 5px; */
        padding: 0;
        padding-left: 0.35rem;
        color: black;
    }

    .table th {
        background: var(--cl-primary);
        padding: 5px !important;
        color: white !important;
    }
    /* .table th {
        background: var(--tableHeader);
        padding: 5px !important;
        color: white !important;
    } */
    .custom-td {
        /* white-space:pre-wrap; */
        word-wrap:break-word;
    }
    .icon-size{
        font-size: 12px;
    }
</style>
@endsection
@section ('content')
<div class="card sina-card">
    <div class="card-header card-header-s">
        <h4>{{__('obs.purchase')}} {{__('obs.order')}}</h4>
    </div>
    <div class="card-body pt-1">

        <input type="hidden" name="" id="csrf-token" value="{{ Session::token() }}" />
        {{-- <div class=""> --}}
        <form id="form" method="get" action="{{ route('prepurchase.po_index') }}" name="form" enctype="multipart/form-data">
            <div class="row justify-content-end">
                <div class="col-6 pl-0">
                    <label>{{__('obs.date')}}</label>
                    <div class="input-group">
                        <div class="input-group input-group-append">
                            {!!getDateInput('start_date','start_date',Request()->start_date)!!}
                            <label class="input-group-text" style="height: 24px; margin-left: -2px; margin-right: -2px">{{__('obs.date_to')}}</label>
                            {!!getDateInput('end_date','end_date',Request()->end_date)!!}
                            {{-- <input type="text" class="form-control date_picker_report" id="start_date" name="start_date" value="{{Request()->start_date?date('Y-m-d',strtotime(Request()->start_date)):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="end_date" name="end_date" value="{{Request()->end_date?date('Y-m-d',strtotime(Request()->end_date)):date('Y-m-d')}}">  --}}

                            <button type="submit" style="height: 24px; margin-left: -2px" class="btn btn-sm btn-sm btn-pill btn-sm btn-hover btn-danger">
                                <i class="fa fa-search"></i>
                            </button>
                        </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">
                <table class="table Dtable table-striped table-bordered dataTable no-footer">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>{{__('obs.p.')}} {{__('obs.o.')}} {{__('obs.no')}}</th>
                            <th>{{__('obs.date')}}</th>
                            <th>{{__('obs.by')}}</th>
                            <th>{{__('obs.supplier')}}</th>
                            <th>{{__('obs.discount')}} (%)</th>
                            <th>{{__('obs.status')}}</th>
                            <th>{{__('obs.action')}}</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=getDefaultSettings(34)->action_id;
                    @endphp
                    <tbody id="tbl_body_index">
                        @forelse ($purchaseOrders as $i=>$po)


                            <tr id="tr{{ $i }}">
                                <td>{{ ($i+1) }}</td>
                                <td>
                                    {{-- <div class="d-flex text-center"> --}}
                                        {{$po->po_no}}
                                    {{-- </div> --}}
                                </td>
                                <td class="custom-td">
                                    {{-- <div class="d-flex text-center"> --}}
                                        {{date('d-m-Y H:i:s',strtotime($po->created_at))}}
                                    {{-- </div> --}}
                                </td>
                                <td class="custom-td">
                                    {{-- <div class="d-flex text-center"> --}}
                                        {{ $po->madeBy->name }}
                                    {{-- </div> --}}
                                </td>
                                <td class="custom-td">
                                    {{-- <div class="d-flex text-center"> --}}
                                        {{$po->supplier?$po->supplier->name_eng:'N/A'}}
                                    {{-- </div> --}}
                                </td>
                                <td>
                                    {{-- <div class="d-flex text-center"> --}}
                                        {{$po->discount}}
                                    {{-- </div> --}}
                                </td>
                                <td>
                                <span class="badge badge-info" id="status_span{{$po->id}}">{{$statusArray[$po->status]}}</span></td>

                                <td text-align="center">
                                    <button type="button" class="btn btn-sm btn-info icon-size" onclick="showDetails({{$po}})"><i class="fas fa-eye"></i></button>
                                    @if(checkAuthPermission('prepurchase.print'))
                                        <a target="_blank" href="{{route('prepurchase.print',['id'=>$po->id,'type'=>'purchase_order'])}}" class="btn btn-sm btn-dark icon-size"><i class="fa fa-print"></i></a>
                                    @endif
                                    @if($po->status==0)
                                    {{-- <button type="button" class="btn btn-sm btn-warning" onclick="setApprovedPo({{$quotation->id}})">Approve</button> --}}
                                        @if(checkAuthPermission('prepurchase.edit'))
                                            <a href="{{route('prepurchase.edit',['id'=>$po->id,'type'=>'purchase_order'])}}" class="btn btn-sm btn-dark icon-size"><i class="fa fa-wrench"></i></a>
                                        @endif
                                    @else
                                    @endif
                                    {{-- @if($po->status==0)
                                        <button type="button" class="btn btn-sm btn-danger icon-size" onclick="setApprovedPo({{$po->id}})">Approve</button>
                                    @endif --}}
                                    <button type="button" class="btn btn-sm btn-warning icon-size" onclick="showGrnComparison({{ $po->id }})">Comparison</button>
                                </td>
                                <td>
                                    @if($po->status==0)
                                        @if($action_id)
                                            {!! getApprovalInputField($po->id,$action_id) !!}
                                        @else
                                            <button type="button" class="btn btn-sm btn-danger icon-size" onclick="setApprovedPo({{$po->id}})">Approve</button>
                                        @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.po.po_details_modal')
@include('inventory.prepurchase.po.grn_comparison_modal')
@endsection
@section('script')
<script>
    $('.select2').select2();
function showDetails(data){
    $("#requisition_details_modal").modal("hide");
        var str ='';
        console.log(data);
        var total=0;
    //    $('#recipe_id').val(data.recipe_id);
    //    $('#indent_id').val(data.id);
    //    $('#b_qty').val(data.indent_qty);
    //    $('#finished_product').html(
    //     `<option value=`+data.product_id+`>`+data.product.name_eng+`</option>`
    //    );
        //    $('#finished_product').val(data.name);
        rawData=data.details;
            if(rawData.length>0){
                for (let index = 0; index < rawData.length; index++) {
                        str += `<tr id="tr`+index+`">
                        <td>`+(index+1)+`</td>
                        <td>
                            <div class="d-flex text-center">
                            `+rawData[index].product.name_eng+`
                            </div>
                        </td>
                        <td>
                            `+rawData[index].note+`
                        </td>
                        <td>`+rawData[index].quotation_qty+`</td>
                        <td>`+rawData[index].quotation_rate+`</td>
                        <td>`+rawData[index].quantity+`</td>
                        <td>`+rawData[index].rate+`</td>
                        <td>`+(rawData[index].quantity*rawData[index].rate)+`</td>
                    </tr>`;
                    total+=parseFloat((rawData[index].quantity*rawData[index].rate));

                }
                str +=`<tr><td colspan="7" class="text-right">Total :</td><th>`+total+`</th></tr>`;
                var discount=(total*(data.discount/100))
                str +=`<tr><td colspan="7" class="text-right">Discount@ (`+data.discount+` %) :</td><th>`+discount+`</th></tr>`;
                str +=`<tr><td colspan="7" class="text-right">NET :</td><th>`+(total-discount)+`</th></tr>`;
            }
        $('#tbl_body').html(str);
        $("#requisition_details_modal").modal("show");
}
function setApprovedPo(po_id){
    if(confirm('are you sure?')){
        $.ajax({
                type: "GET",
                url: "/po/create",
                data: {
                    po_id:po_id,
                    type:4
                },
                success: function (data) {
                location.reload();
                },
                error: function (response) {
                },
            });
        }
}
</script>

<script>
    function showGrnComparison(id){
        ajaxCallV2("{{ route('inventory.purchase.order.comparison') }}", 'GET', { id: id}, function(res) {
            $('#loader').hide('slow');
            $('#grn_comparison_modal_body').html(res);
            $('#grn_comparison_modal').modal('show');
        });
    }
</script>
@stop