@extends('layout.master')
@section('content')
<!-- Main Content-->
<div class="main-content side-content pt-0">

    <div class="main-container container-fluid">
        <div class="inner-body">
            <!-- Page Header -->
            <div class="page-header">
                <div>
                    <h2 class="main-content-title tx-24 mg-b-5">Order Page</h2>
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="#">Home</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Order Page / Show</li>
                    </ol>
                </div>
            </div>
        </div>



        <div class="row row-sm">
            <div class="col-lg-12">
                <div class="card custom-card overflow-hidden">
                    <div class="card-body">
                        <div class="container">
                            <!-- @if(session('message')) -->
                            <div class="alert alert-success">
                                <!-- {{ session('message') }}
                                @endif -->

                              
                                <form method="post" action="{{ route('order.update',$order->id)  }}"
                                    enctype="multipart/form-data">
                                    @csrf
                                    @method('put')
                                    

                                    <div class="row">

                                        <div class="col-md-12 col-sm-12 mt-2 mb-2">
                                            <div class=" font-weight-semibold mt-1 mb-3">Part Name</div>
                                            <select name="product_id" id="product_id" class="form-control select2 mt-5 mb-3">
                                                <option value="" {{$order->product_id === '' ? 'selected' : '' }}>Select PartName</option>
                                                @foreach ($product as $products)
                                                    <option value="{{ $products->id  }}" {{ ($order->product_id == $products->id) ? "selected" :"" }}>{{ $products->part_name  }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        
                                        <div class="form-group col-md-6">
                                            <div class="mb-3 font-weight-semibold">Unit</div>
                                            <input readonly type="text" class="form-control" name="unit"
                                                placeholder="Enter Unit" value="{{$order->unit}}">
                                        </div>
                                        <div class="form-group col-md-6">
                                            <div class="mb-3 font-weight-semibold">Order ID</div>
                                            <input readonly type="text" readonly name="order_id" class="form-control"
                                                placeholder="Enter Order ID" value="{{$order->order_id}}">
                                        </div>
                                        <div class="form-group col-md-6">
                                            <div class="mb-3 font-weight-semibold">Model ID</div>
                                            <input readonly type="text" name="model_id" class="form-control"
                                                placeholder="Enter Model ID" value="{{$order->model_id}}">
                                        </div>


                                        <div class="form-group col-md-6">
                                            <div class="mb-3 font-weight-semibold">Width</div>
                                            <input readonly type="text" name="width" class="form-control"
                                                placeholder="Enter Width" value="{{$order->width}}">
                                        </div>

                                         <div class="form-group col-md-6">
                                            <div class="mb-3 font-weight-semibold">Depth</div>
                                            <input readonly type="text" name="depth" class="form-control"
                                                placeholder="Enter Depth" value="{{$order->depth}}">
                                        </div>

                                          <div class="form-group col-md-6">
                                            <div class="mb-3 font-weight-semibold">Height</div>
                                            <input readonly type="text" name="height" class="form-control"
                                                placeholder="Enter Height" value="{{$order->height}}">
                                        </div>

                                        <div class="form-group col-md-6">
                                            <div class="mb-3 font-weight-semibold">User Weight</div>
                                            <input readonly type="text" name="user_weight" class="form-control"
                                                placeholder="Enter User Weight" value="{{$order->user_weight}}">
                                        </div>
                                        
                                        <div class="form-group col-md-6">
                                            <div class="mb-3 font-weight-semibold">Wer Required</div>
                                            <input readonly type="text" name="wer_required" class="form-control"
                                                placeholder="Enter Wer Required" value="{{$order->wer_required}}">
                                        </div>
                                        <div class="col-md-6 col-sm-12">
                                            <div class="font-weight-semibold">Part Name</div>
                                            <input type="name" name="part_name" value="{{ $order->products->part_name }}"
                                                class="form-control mt-1" readonly>
                                        </div>
                                        <div class="col-md-6 col-sm-12">
                                            <div class="font-weight-semibold">Link Title</div>
                                            <input type="name" name="link_title" value="{{ $order->products->link_title }}"
                                                class="form-control mt-1" readonly>
                                        </div>
                                        <div class="col-md-12 col-sm-12 mt-2">
                                            <div class="font-weight-semibold">Part Full Description</div>
                                            <textarea class="form-control mt-1"
                                                name="part_full_desc" id="" cols="4" rows="4" readonly>{{ $order->products->part_full_desc }}</textarea>
                                        </div>

                                        <div class="col-md-6 col-sm-12 mt-2">
                                            <div class="font-weight-semibold mt-1">Select Category</div>
                                            <select name="category" id="category" class="form-control select2 mt-5" disabled>
                                                <option label="Select Category">Select Option</option>
                                                <option value="5" {{ $order->products->category == 5 ? 'selected' : '' }}>Cooling</option>
                                                <option value="14" {{ $order->products->category == 14 ? 'selected' : '' }}>Heat Pump</option>
                                                <option value="15" {{ $order->products->category == 15 ? 'selected' : '' }}>Heating</option>
                                                <option value="29" {{ $order->products->category == 29 ? 'selected' : '' }}>Temperature Control</option>
                                                <option value="11" {{ $order->products->category == 11 ? 'selected' : '' }}>Electrical Distribution Panel</option>
                                                <option value="10" {{ $order->products->category == 10 ? 'selected' : '' }}>Electrical Accessories</option>
                                                <option value="17" {{ $order->products->category == 17 ? 'selected' : '' }}>Lighting - Exterior</option>
                                                <option value="18" {{ $order->products->category == 18 ? 'selected' : '' }}>Lighting - Interior</option>
                                                <option value="6" {{ $order->products->category == 6 ? 'selected' : '' }}>Door</option>
                                                <option value="24" {{ $order->products->category == 24 ? 'selected' : '' }}>Roll Up Door</option>
                                                <option value="25" {{ $order->products->category == 25 ? 'selected' : '' }}>Separation Walls</option>
                                                <option value="7" {{ $order->products->category == 7 ? 'selected' : '' }}>Door Access</option>
                                                <option value="18" {{ $order->products->category == 18 ? 'selected' : '' }}>Explosion Relief Construction</option>
                                                <option value="12" {{ $order->products->category == 12 ? 'selected' : '' }}>Lighting - Interior</option>
                                                <option value="13" {{ $order->products->category == 13 ? 'selected' : '' }}>Fire Suppression</option>
                                                <option value="2" {{ $order->products->category == 2 ? 'selected' : '' }}>Alarm</option>
                                                <option value="23" {{ $order->products->category == 23 ? 'selected' : '' }}>Ramp</option>
                                                <option value="26" {{ $order->products->category == 26 ? 'selected' : '' }}>Shelving</option>
                                                <option value="28" {{ $order->products->category == 28 ? 'selected' : '' }}>Sump Accessories</option>
                                                <option value="30" {{ $order->products->category == 30 ? 'selected' : '' }}>Ventilation</option>
                                                <option value="1" {{ $order->products->category == 1 ? 'selected' : '' }}>Air Inlet</option>
                                                <option value="13" {{ $order->products->category == 13 ? 'selected' : '' }}>Fire Suppression</option>
                                                <option value="3" {{ $order->products->category == 3 ? 'selected' : '' }}>Building Color</option>
                                                <option value="4" {{ $order->products->category == 4 ? 'selected' : '' }}>Bunker Access</option>
                                                <option value="20" {{ $order->products->category == 20 ? 'selected' : '' }}>Miscellaneous</option>
                                                <option value="21" {{ $order->products->category == 21 ? 'selected' : '' }}>Plumbing</option>
                                                <option value="8" {{ $order->products->category == 8 ? 'selected' : '' }}>Door Location</option>
                                                <option value="9" {{ $order->products->category == 9 ? 'selected' : '' }}>Door Orientation</option>
                                                <option value="19" {{ $order->products->category == 19 ? 'selected' : '' }}>Misc</option>
                                                <option value="16" {{ $order->products->category == 16 ? 'selected' : '' }}>Insulation</option>
                                                <option value="22" {{ $order->products->category == 22 ? 'selected' : '' }}>Raise Building</option>
                                            </select>
                                        </div>


                                        <div class="col-md-6 col-sm-12 mt-2">
                                            <div class="font-weight-semibold">Unique Id</div>
                                            <input type="name" name="unique_id" readonly id="unique_id"
                                                value="{{ $order->products->unique_id }}" class="form-control mt-1">
                                        </div>

                                        <div class="col-md-6 col-sm-12 mt-2">
                                            <div class="font-weight-semibold">Manufacture Id</div>
                                            <input type="name" name="manufacture_id" readonly
                                                value="{{ $order->products->manufacture_id }}" id="manufacture"
                                                class="form-control mt-1">
                                        </div>

                                        <div class="col-md-6 col-sm-12 mt-2">
                                            <div class="font-weight-semibold">Part No</div>
                                            <input type="name" name="part_no" value="{{ $order->products->part_no }}"
                                                class="form-control mt-1" readonly>
                                        </div>

                                        <div class="col-md-12 col-sm-12 mt-2">
                                            <div class="font-weight-semibold">Part Short Description</div>
                                            <textarea class="form-control mt-1" name="part_short_desc" id="" cols="4" rows="4" readonly>{{ $order->products->part_short_desc }}</textarea>
                                        </div>
                                        <div class="col-md-12 col-sm-12 mt-2">
                                            <div class="font-weight-semibold">Part Long Description</div>
                                            <textarea class="form-control mt-1" name="part_long_desc" id="" cols="4" rows="4" readonly>{{ $order->products->part_long_desc }}</textarea>
                                        </div>

                                        <div class="col-md-6 col-sm-12 mt-2">
                                            <div class="font-weight-semibold">Part Weight</div>
                                            <input type="name" name="part_weight" value="{{ $order->products->part_weight }}"
                                                class="form-control mt-1" readonly>
                                        </div>
                                        <div class="col-md-6 col-sm-12 mt-2">
                                            <div class="font-weight-semibold">Amps Req</div>
                                            <input type="name" name="amps_req" value="{{ $order->products->amps_req }}"
                                                class="form-control mt-1" readonly>
                                        </div>
                                        <div class="col-md-6 col-sm-12 mt-2">
                                            <div class="font-weight-semibold">Manf Name</div>
                                            <input type="name" name="manf_name" value="{{ $order->products->manf_name }}"
                                                class="form-control mt-1" readonly>
                                        </div>
                                        <div class="col-md-6 col-sm-12 mt-2">
                                            <div class="font-weight-semibold">Manf Part Name</div>
                                            <input type="name" name="manf_part_name" value="{{ $order->products->manf_part_name }}"
                                                class="form-control mt-1" readonly>
                                        </div>

                                        <div id="rowContainer">
                                          <label for="" class=" font-weight-semibold mt-4">Image</label>
                                        @forelse ($orderFile as $files)
                                            @if ($files->file_type == 'image')
                                                <div class="row mt-5 file-row" data-file-id="{{ $files->id }}">
                                                    <div class="col-md-8">
                                                    <label for="" class=" font-weight-semibold mt-4">Image Name</label>
                                                      
                                                    <input readonly class="form-control mb-3" name="image_name[]" type="text" value="{{ $files['file_name']}}" placeholder="Image Name">
                                                    <!-- <input class="form-control" name="image[]" type="file" onchange="previewImage(event)"> -->
                                                        <input type="hidden" name="image_ids[]" value="{{ $files->id }}">
                                                    </div>
                                                    <div class="col-md-2">
                                                        <img src="{{ $files->file }}" style="width:80px; height:80px;">
                                                    </div>
                                                    <div class="col-md-2 mt-3">
                                                    <!-- <button class="btn btn-danger delete-file-btn" data-file-id="{{ $files->id }}">Delete</button> -->
                                                    </div>
                                                    <!-- <div class="col-md-2 mt-3">
                                                        <button id="addRowBtn" class="btn p-2 btn-save fa fa-plus d-flex justify-content-center align-items-center"></button>
                                                    </div> -->
                                                </div>
                                            @endif
                                            @empty
                                            <div>
                                           <span style="color:red;"> No data available </span>
                                                </div>
                                        @endforelse
                                    </div>

                                   
                                    <div  id="rowContainerVideo">
                                          <label for="" class=" font-weight-semibold mt-4">Video Url</label>
                                        @forelse ($orderFile as $files)
                                            @if ($files->file_type == 'video')
                                                <div class="row mt-4 file-row" data-file-id="{{ $files->id }}">
                                                    <div class="col-md-12">
                                                         
                                                        <input readonly class="form-control" type="text" name="video[]" value="{{ $files->file }}">
                                                        <input type="hidden" name="video_ids[]" value="{{ $files->id }}">
                                                    </div>
                                                    <div class="col-md-2 mt-3">
                                                        <!-- <button class="btn btn-danger delete-file-btn" data-file-id="{{ $files->id }}">Delete</button> -->
                                                    </div>
                                                  
                                                </div>
                                            @endif
                                            @empty
                                            <div>
                                           <span style="color:red;"> No data available </span>
                                                </div>
                                        @endforelse
                                        
                                    </div>
                                   
                                                    
                                        <div id="rowContainerSelect">
                                          <label for="" class=" font-weight-semibold mt-4">Asset File</label>

                                            @forelse ($orderFile as $files)
                                            @if ($files->file_type == 'file' || $files->file_type == 'assetimage')
                                                <div class="row file-row" data-file-id="{{ $files->id }}">
                                                    <div class="col-md-12">
                                                       <div class="font-weight-semibold">Select</div>
                                                        <select disabled class="form-control mt-1" name="file_type[]">
                                                            <option label="Select"></option>
                                                            <option value="file" {{ $files->file_type == 'file' ? 'selected' : '' }}>File</option>
                                                            <option value="assetimage" {{ $files->file_type == 'assetimage' ? 'selected' : '' }}>Image</option>
                                                            <option value="assetvideo" {{ $files->file_type == 'assetvideo' ? 'selected' : '' }}>Video</option>
                                                        </select>
                                                    </div>
                                                    <div class="col-md-12 mt-2">
                                                    <div class="font-weight-semibold mb-3"> File Name</div>

                                                    <input readonly class="form-control" name="file_name[]" type="text" value="{{ $files['file_name']}}">

                                                           <div class="font-weight-semibold mb-3">Upload Document</div>
                                                        <!-- <input type="file" class="form-control" name="file[]"> -->
                                                        <input type="hidden" name="file_ids[]" value="{{ $files->id }}">
                                                    </div>
                                                    <div class="col-md-12">
                                                        @if ($files->file_type == 'file')
                                                            <a href="{{ $files->file }}">File</a>
                                                        @elseif ($files->file_type == 'assetimage')
                                                            <img src="{{ $files->file }}" alt="Image" style="width:100px; height:100px;">
                                                        @elseif ($files->file_type == 'assetvideo')
                                                            <a href="{{ $files->file }}">Video</a>
                                                        @endif
                                                    </div>
                                                    
                                                </div>
                                                @endif
                                                @empty
                                                <div class="row ">
                                                    <div class="col-md-12">
                                                       <div class="font-weight-semibold">Select</div>
                                                        <select disabled class="form-control mt-1" name="file_type[]">
                                                            <option label="Select"></option>
                                                            <option value="file" >File</option>
                                                            <option value="assetimage" >Image</option>
                                                            <option value="assetvideo">Video</option>
                                                        </select>
                                                    </div>
                                                    <div class="col-md-12 mt-2">
                                                    <div class="font-weight-semibold mb-3"> File Name</div>
                                                    <input  class="form-control" name="file_name[]" type="text" value="{{ $files['file_name']}}">

                                                           <div class="font-weight-semibold mb-3">Upload Document</div>
                                                           
                                                        <!-- <input type="file" class="form-control" name="file[]"> -->
                                                        
                                                    </div>
                                        @endforelse
                                              
                                        </div>
                                    </div>
                                </div>

                                     
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>


    



        @endsection