@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">{{ $section->heading }}</h2>
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="#">Home</a></li>
                            <li class="breadcrumb-item"><a href="/order/list">Orders</a></li>
                            <li class="breadcrumb-item active" aria-current="page">View</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" readonly
                                                    class="form-control select2 mt-5 mb-3 js-example-basic-multiple"
                                                    multiple="multiple">
                                                    <option value=""
                                                        {{ is_array(old('product_id')) && in_array('', old('product_id')) ? 'selected' : '' }}>
                                                        Select PartName</option>
                                                    @foreach ($product as $products)
                                                        <option value="{{ $products->id }}"
                                                            @if (isset($selectedProducts) && in_array($products->id, $selectedProducts)) selected @endif>
                                                            {{ $products->part_name . ' ' . $products->manufacture_id }}
                                                        </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>
                                            <hr>


                                          

                                            <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 class="text-danger"> 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>
    </div>






@endsection