@extends('admin.layout.master')
@section('title','CAKE ORDER LIST')
@section('custom_style')
<style>
    input[type=text],
    input[type=file],
    input[type=number] {
        height: 28px !important;
    }
    .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;
        }
        .special-cell{
            background: #bfbfbf;
            padding: 5px !important;
            color: black !important;
        }
</style>
@endsection
@section ('content')
<div class="card sina-card">
    <div class="card-header card-header-s">
        <h4>CAKE ORDER LIST</h4>
    </div>
    <div class="card-body"> 
        <form action="{{  Request::url() }}" method="get">
            <div class="row justify-content-end">
                <div class="form-group">
                    <div class="input-group col-10 pl-20">
                        <div class="input-group-append">
                            <input type="date" class="form-control bsdatepicker" 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">To</label>
                            <input type="date" class="form-control bsdatepicker" 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>
        </form>
    
        <div class="table-responsive">
                @csrf
                <table class="table table-bordered table-hover">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>ORDER NO</th>
                        <th>Date</th> 
                        <th>Status</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody id="tbl_body_index">
                    <input type="hidden" id="blade_type" value="{{$type}}">
                    @php
                        $p=1;
                    @endphp
                    @forelse ($orders as $i=>$item)
                    
                    <tr id="tr{{$p}}">
                        <td>{{ ($p++) }}</td>
                        <td>{{ $item->order_no }}</td>
                        <td>
                            {{ date('d-M-Y h:i A',strtotime($item->created_at)) }}
                        </td> 
                        <td>
                            {{ ($item->delivery_status==2?'DELIVERED':($item->delivery_status==0?'PENDING':'REJECTED')) }}
                        </td>
                        <td class="text-left"> 
                            <button type="button" class="btn-info" onclick="showCakeDetails({{$item}})"> <span class="fa fa-eye"></span></button>
                            <a href="{{route('order.client_cake_print',['order_id'=>$item->id])}}" target="_blank" class="btn btn-danger btn-sm"><i class="fa fa-print"></i></a>                                 
                            @if ($item->delivery_status == 2)
                                <a href="{{route('sell.client_print',['id'=>$item->invoice_id])}}" target="_blank" id="sell{{$i}}" type="button" class="btn btn-sm btn-info btn-pill btn-hover" name="sell">Bill</a>
                            @endif 
                        </td>
                    </tr>
                    @empty
                    @endforelse
                    
                </tbody>
            </table>
        </div>  
    </div>
</div>
@include('inventory.order.cake_detail_modal')
@endsection
@section('script')
<script>
    let dfaultData=@json(config('default'));
    let productsData=@json($products);
    // const showDetails=(details)=>{
    //     console.log(productsData);
    //     let str='';
    //     $("#img_modal").modal("hide");
    //     str+=`<table class="table table-bordered">
    //             <thead>
    //                 <tr>
    //                     <th colspan="2" class="text-center">ORDER ROW : ${row_id+1}</th>
    //                 </tr>
    //             </thead>
    //             <tbody style="border:2px solid black;">
    //                 <tr>
    //                     <td style="font-size:18px !important;"> COLOR - ${$('#color_id'+row_id).val()>0?searchedItemById($('#color_id'+row_id).val()).name_eng:'YET NOT SET'}</td>
                
    //                     <td style="font-size:18px !important;"> SHAPE - ${dfaultData.shapes[$('#shape_id'+row_id).val()]}</td>
    //                 </tr>

    //                 <tr>
    //                     <td style="font-size:18px !important;" colspan="2" style="text-align: center;">${dfaultData.headings[$('#heading'+row_id).val()]} ${$('#name'+row_id).val()}</td>
    //                 </tr>
    //                 <tr>
    //                     <td style="font-size:18px !important;" colspan="2" style="text-align: center;">Note:  ${$('#note'+row_id).val()}</td>
    //                 </tr>
    //                 <tr style="border-bottom:2px solid black;">
    //                     <td style="font-size:18px !important; text-align: center;">
    //                     DELIVERY DATE : ${$('#delivery_date'+row_id).val()} ${dfaultData.delivery_time[$('#delivery_time'+row_id).val()]}
    //                     </td>
    //                     <td style="font-size:18px !important; text-align: center;"> PO - ${$('#weight'+row_id).val()}</td>
    //                 </tr>
    //             </tbody>
    //         </table>`;   
    //     $('#dynamic_data').html(str);
    //     $("#img_modal").modal("show");
    //                 //initSelect2();
    
    // }
    const searchedItemById = (id, object = productsData) => object.find(item => item.id == id);
    const showCakeDetails=(data)=>{
          var bladeType=$('#blade_type').val();
          if(bladeType==2){
              $('#order_no').val(data.order_no);
              $('#order_id').val(data.id);
              $('#invoice_no').val(data.transactions.length>0?data.transactions[0].autocode_before_bill:data.fg_transactions[0].autocode_before_bill);
          }
        $("#order_details_modal").modal("hide");
            var str ='';
            console.log(data);
            rawData=data.details;
                    if(rawData.length>0){
                        for (let index = 0; index < rawData.length; index++) {
                            str+=`<div class="total">
                                        <table class="table table-bordered" style="min-width:100% !important">
                                            <tbody style="border:2px solid black;">
                                                <tr>
                                                    <td style="font-size:18px !important;text-align: center;"> COLOR - ${rawData[index].color_id>20?searchedItemById(rawData[index].color_id).name_eng:dfaultData['colors'][rawData[index].color_id]}</td>
                                                </tr>
                                                <tr>
                                                    <td style="font-size:18px !important;text-align: center;"> SHAPE - ${dfaultData['colors'][rawData[index].shape_id]} | D-NO - ${rawData[index].design}</td>
                                                </tr>

                                                <tr>
                                                    <td style="font-size:18px !important;text-align: center;" colspan="2">${dfaultData['headings'][rawData[index].heading_id]+' '+rawData[index].heading_name}</td>
                                                </tr>
                                                <tr style="border-bottom:2px solid black;">
                                                    <td style="font-size:18px !important; text-align: center;">
                                                    DELIVERY DATE : ${getFormatedDateCustom(rawData[index].delivery_date)+' '+dfaultData['delivery_time'][rawData[index].delivery_time]}
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="font-size:18px !important; text-align: center;"> POUND - ${rawData[index].weight}</td>

                                                </tr>`
                                                if(rawData[index].note){
                                                    str +=`<tr style="border-bottom:2px solid black;">
                                                        <td style="font-size:18px !important; text-align: center;" colspan="2">
                                                        NOTE : ${rawData[index].note}
                                                        </td>
                                                    </tr>`;
                                                }
                                            
                                            str +=`
                                            </tbody>
                                        </table>
                                    </div>`;
                            //  str += `<tr id="tr`+index+`">
                            //     <td>`+(index+1)+`</td>
                            //     <td>${searchedItemById(rawData[index].color_id).name_eng}</td>
                            //     <td>`+rawData[index].order_qty+`</td>`;
                            //     str += `<td>`+rawData[index].quantity+`</td>`;
                            //     str += `</tr>`;
                            // temp=(index+2);
                        }
    
                    }
                   
                    $('#tbl_body').html(str);
                    $("#order_details_modal").modal("show");
                    //initSelect2();
    }
</script>
@stop