@extends('admin.layout.master')
@section('title','WORK 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; */
        padding: 0rem;
        padding-left: 0.35rem; 
        color: black;
    } 
    
    .table th {
        background: #ab3535;
        padding: 5px !important;
        color: white !important;
    }
    /* .table th {
        background: #ab3535;
        padding: 5px !important;
        color: white !important;
    } */
    .custom-td {
        /* white-space:pre-wrap; */
        word-wrap:break-word;
    } 
    .icon-size{
        font-size: 12px;
    }
    
    .table th, .table td {
        padding: 0px 5px;
        color: black;
    }
    .table th {
        background: #ab3535;
        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">
        <h4>WORK ORDER INDEX</h4>
    </div>
    <div class="card-body">
         
        <input type="hidden" name="" id="csrf-token" value="{{ Session::token() }}" />
        {{-- <div class=""> --}}
        <form id="form" method="get" action="{{ route('pre_sells.wo_index') }}" name="form" enctype="multipart/form-data">
             
            <div class="row justify-content-end">
                <div class="col-6 pl-0">
                    <label>Date</label>
                    <div class="input-group">
                        <div class="input-group input-group-append">
                            <input type="date" class="form-control bsdatepicker" 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">To</label>
                            <input type="date" class="form-control bsdatepicker" 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: 28px; 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 table-bordered table-hover">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Order No</th>
                            <th>Date</th>
                            <th>Party</th>
                            <th>Total Order QTY</th>
                            <th>Note</th>
                            <th>Status</th>
                            <th>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=>'ACCEPTED'];
                        $action_id=703;
                    @endphp
                    <tbody id="tbl_body_index">
                        @forelse ($orders as $i=>$wo)
                            
                        
                            <tr id="tr{{ $i }}">
                                <td>{{ ($i+1) }}</td>
                                <td>
                                    <div class="d-flex text-center">
                                        {{$wo->po_no}}
                                    </div>
                                </td>
                                <td>
                                    <div class="d-flex text-center">
                                        {{date('d-m-Y',strtotime($wo->created_at))}}
                                    </div>
                                </td>
                                <td>
                                    <div class="d-flex text-center">
                                        {{$wo->party->name_eng}}
                                    </div>
                                </td>
                                <td>
                                    <div class="d-flex text-right">
                                        {{$wo->total_qty}}
                                    </div>
                                </td>
                                <td>
                                    <div class="d-flex text-right">
                                        {{$wo->note}}
                                    </div>
                                </td>
                                
                                <td>
                                    <span class="badge badge-info" id="status_span{{$wo->id}}">{{$statusArray[$wo->status]}}</span>
                                </td>
                                <td text-align="center">
                                    @if(checkAuthPermission('pre_sells.wo_print'))
                                        <a target="_blank" href="{{route('pre_sells.wo_print',['id'=>$wo->id])}}" class="btn btn-sm btn-dark"><i class="fa fa-print"></i></a>
                                    @endif
                                    {{-- @if($wo->status==0) --}}
                                    {{-- <a href="{{route('pre_sells.wo_edit',['id'=>$wo->id])}}" class="btn btn-dark"><i class="fa fa-wrench"></i></a> --}}
                                        
                                    {{-- <a href="{{route('prepurchase.print',['id'=>$wo->id,'type'=>'wo'])}}" class="btn btn-dark"><i class="fa fa-print"></i></a> --}}
                                        {{-- <a href="{{route('pre_sells.wo_create',['wo_id'=>$wo->id])}}" class="btn btn-warning">Make WO</button> --}}
                                    {{-- @endif --}}
                                </td>
                                <td>
                                    @if($wo->status==0)
                                    {{-- <button type="button" class="btn btn-sm btn-danger" onclick="setApprovedWo({{$wo->id}})">Approve</button> --}}
                                        {{-- @elseif($wo->status==1) --}}
                                        {{-- <button type="button" class="btn btn-sm btn-success">Approved</button> --}}
                                        {{-- @if($wo->status==1) --}}
                                            {!! getApprovalInputField($wo->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>
    $('.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].requisition_qty+`</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="6" class="text-right">Total :</td><th>`+total+`</th></tr>`;
                var discount=(total*(data.discount/100))
                str +=`<tr><td colspan="6" class="text-right">Discount@ (`+data.discount+` %) :</td><th>`+discount+`</th></tr>`;
                str +=`<tr><td colspan="6" class="text-right">NET :</td><th>`+(total-discount)+`</th></tr>`;
            }
        $('#tbl_body').html(str);
        $("#requisition_details_modal").modal("show");
}
function setApprovedWo(po_id){
    if(confirm('are you sure?')){
        $.ajax({
                type: "GET",
                url: "/work_order/create",
                data: {
                    po_id:po_id,
                    type:4
                },
                success: function (data) {
                location.reload();
                },
                error: function (response) {
                },
            });
        }
}
</script>
@stop