@extends('layouts.tenant.master')
@section('title', 'Pick List')

@section('css')
<link rel="stylesheet" type="text/css" href="{{ dynamic_url('assets/main/css/datatable-extension.css') }}">
@endsection

@section('style')
<style>
    .redesigned-checkbox label input {
        margin-top: 0px;
        margin-right: 10px;
        width: auto;
        height: auto;
    }
    .redesigned-checkbox input {
        border-radius: 0;
        border: 1px solid #9e9e9e;
        width: 18%;
        padding: 0px 10px;
        height: 40px;
        margin-bottom: 0;
    }

    .warehouse-pick-box {
        display: flex;
        flex-wrap: wrap;
    }


</style>
@endsection

@section('breadcrumb-title')
    <h2>Orders <span>Pick List </span></h2>
@endsection

@section('breadcrumb-items')
    <li class="breadcrumb-item">Orders</li>
    <li class="breadcrumb-item active">Pick List</li>
@endsection

@section('content')
    <div class="p-2 mt-0 card-header no-border" style="float: right;">
        <a href="{{ url()->previous() }}" class="text-white btn btn-info btn-sm" > Back </a>
    </div>

    <form action="#" method="post">
        @csrf
        <div>
            <label class="form-check-label">
                <input type="checkbox" class="form-check-input" name="remember"> &nbsp;&nbsp;&nbsp;&nbsp;ARTSTART
            </label>
        </div>

        <div class="d-flex justify-content-start row">
            <div class="col-lg-2 form-check mb-2 mr-sm-2">  
                <input type="c  heckbox" class="form-check-input" name="remember">
                <input type="date" class="form-control mb-2 mr-sm-2" placeholder="Date" name="others_date">
            </div>
            <div class="col-lg-2 form-check mb-2 mr-sm-2">
                <input type="text" class="form-control mb-2 mr-sm-2" placeholder="Vendor" name="others_vendor"> 
            </div>
            <div class="col-lg-2 form-check mb-2 mr-sm-2">
                <input type="text" class="form-control mb-2 mr-sm-2" placeholder="Quote #" name="others_quote_number"> 
            </div>
            <div class="col-lg-2 form-check mb-2 mr-sm-2">
                <input type="text" class="form-control mb-2 mr-sm-2" placeholder="Quote #" name="others_quote_amount"> 
            </div>
            <div class="col-lg-2 form-check mb-2 mr-sm-2">
                <input type="text" class="form-control mb-2 mr-sm-2" placeholder="Quote #" name="others_order_number"> 
            </div>
        </div>
        
        <h2>Warehouse Pick List</h2>
        <div class="table-responsive">
            <table class="table table-bordered">
                <thead>
                    <tr>
                        <th style="width:15%;">
                            <div>
                                <h3 class="box-title"><b></b> </h3>
                            </div>
                            <h3 class="box-title"><b>Order #: </b>{{$result->id}}</h3>
                            <h3>
                                <b>Job Name</b> : {{$result->job_name}} 		              
                            </h3>
                        </th>
                        <th>
                            <div>
                                <h3 class="box-title"><b>Bill To : </b> {{$user->username}}</h3>
                            </div>
                            <div class="form-group">
                                Address : {{$user->county_name}} {{$user->state->name}} {{$user->city_name}} {{$user->country->name}}				
                            </div>
                            <div class="form-group">
                                Email : {{$user->email}}					
                            </div>
                            <div class="form-group">
                                Phone : {{$user->phone}}					
                            </div>
                        </th>
                        <th>
                            <div>
                                <h3 class="box-title"><b>Ship To :</b> {{$user->username}}</h3>
                            </div>
                            <div class="form-group">
                                Address :  {{$user->county_name}} {{$user->state->name}} {{$user->city_name}} {{$user->country->name}}	
                            </div>
                            <div class="form-group">
                                Email : {{$user->email}}					
                            </div>
                            <div class="form-group">
                                Phone : {{$user->phone}}					
                            </div>
                        </th>
                    </tr>   
                </thead>

                
                <tbody>
                    <tr>
                        <td></td>
                        <td colspan="2" style="width:100%;">
                            
                            <table class="table table-bordered custom_cart_cls">
                                <h4>Compnay Name: <label style="color:#c34848;">{{$user->company_name}}</label></h4>  
                                <thead>
                                    <tr>
                                    <th>Cabinet Name</th>
                                    <th>Cabinet Description</th>
                                    <th>Weight</th>
                                    <th>Quantity</th>
                                    <th>Pull</th>
                                    <th>Assemble</th>
                                    <th>Deliver</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($rooms as $room)
                                        <tr>
                                            <th colspan="8">{{ $room['room_name'] }}</th>
                                        </tr>
                                        
                                        @foreach ($room['products'] as $each)
                                            @php
                                                $productData = \App\Models\Product::with('doorColor')->find($each['product_id'] ?? null);
                                                if (!$productData) {
                                                    continue; // Skip if product not found
                                                }
                                            @endphp
                                            <tr>
                                                <td>{{$productData->productCategory->cabinets_name}}</td>
                                                <td>{{$productData->description}}</td>
                                                <td>{{$productData->weight}}</td>
                                                <td>{{$productData->qty}}</td>
                                                <td><input type="checkbox" name="pulledCocina[]" value="A-REP3096~~Cocina"></td>
                                                <td><input type="checkbox" name="assembledCocina[]" value="A-REP3096~~Cocina"></td>
                                                <td><input type="checkbox" name="deliveredCocina[]" value="A-REP3096~~Cocina"></td>
                                            </tr>
                                        @endforeach
                                    @endforeach
                                </tbody>
                            </table>
                            <div class="order_comment_cls" style="margin-top: 20px;">
                                <h4>Note: <span style="color:#c34848;"></span></h4> 	 		
                                <table class="table table-bordered custom_cart_cls">
                                    <thead>
                                        <tr>
                                            <th>Issue Type</th>
                                            <th>Details</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>Missing</td>
                                            <td><textarea name="missing_details" placeholder="Enter details here"></textarea>
                                        </td></tr>
                                        <tr>
                                            <td>Damaged</td>
                                            <td><textarea name="damaged_details" placeholder="Enter details here"></textarea>
                                        </td></tr>
                                        <tr>
                                            <td>Undeliverable</td>
                                            <td><textarea name="undeliverable_details" placeholder="Enter details here"></textarea>
                                        </td></tr>
                                        <tr>
                                            <td>Date Problems</td>
                                            <td><textarea name="date_problems_details" placeholder="Enter details here"></textarea>
                                        </td></tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="print_btn_picklist">
                                <button type="submit" class="btn btn-primary" style="float: right;">Save and Print Picklist</button>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
            	
    </form>


@endsection

@section('script')





<script src="https://code.jquery.com/jquery-3.7.1.js"></script>
<script src="{{ dynamic_url('assets/main/js/datatable/datatables/jquery.dataTables.min.js') }}"></script>
<script src="{{ dynamic_url('assets/main/js/datatable/datatable-extension/dataTables.buttons.min.js') }}"></script>
<script src="{{ dynamic_url('assets/main/js/datatable/datatable-extension/jszip.min.js') }}"></script>
<script src="{{ dynamic_url('assets/main/js/datatable/datatable-extension/buttons.colVis.min.js') }}"></script>
<script src="{{ dynamic_url('assets/main/js/datatable/datatable-extension/pdfmake.min.js') }}"></script>
<script src="{{ dynamic_url('assets/main/js/datatable/datatable-extension/vfs_fonts.js') }}"></script>


@endsection