@extends("newDashboard.index")

@section("css")
    <link rel="stylesheet" href="{{asset('metronic/css/data-table.css')}}">
@endsection


@section("main-content")
    <style>

        /* Spinner styles */
        .spinner {

            width: 5em;
            height: 5em;
            border: 0.5em solid rgba(0, 0, 0, 0.1);
            border-left-color: #8daf21;
            border-radius: 50%;
            animation: spin 1s linear infinite;
            z-index: 99999;
            /*   margin-left:260px; */
        }

        .spinner-layer {
            position: fixed;
            width: calc(100vw - 260px);
            height: calc(100vh - 70px);
            background: #f2edf3;
            z-index: 999;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            gap: 10px;
        }

        /* Spinner animation */
        @keyframes spin {
            to {
                transform: rotate(360deg);
            }
        }
    </style>
    <form id="convert-form" action="{{route('invoice-without-price-convert-to-real-invoice-store',$invoice->id)}}"
          method="POST">
        @csrf
        <div class="content-wrapper">
            <div class="page-header" style="margin-bottom: 30px;">
                <h3 class="page-title">
          <span class="page-title-icon bg-gradient-primary text-white me-2">
            <i class="mdi mdi-cards-variant menu-icon"></i>
          </span> {{ __('Purchase Un Price Invoice') }}
                </h3>
            </div>

            {{-- Add Modal --}}

            <div class="container bg-white rounded" id="AddCategoryModal">
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-12 mx-auto">
                            <ul class="nav nav-pills nav-pills-custom justify-content-center"
                                id="pills-tab" role="tablist">
                                <li class="nav-item">
                                    <a class="nav-link active" id="pills-home-tab"
                                       data-bs-toggle="pill"
                                       href="#pills-health" role="tab" aria-controls="pills-home"
                                       aria-selected="true">{{__('messages.Purchase data')}}</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" id="pills-profile-tab" data-bs-toggle="pill"
                                       href="#pills-career" role="tab" aria-controls="pills-profile"
                                       aria-selected="false">{{__('Files')}} </a>
                                </li>

                            </ul>


                            <div class="tab-content tab-content-custom-pill" id="pills-tabContent">
                                <div class="tab-pane fade show active" id="pills-health"
                                     role="tabpanel"
                                     aria-labelledby="pills-home-tab">

                                    <div class="item-container">
                                        <div class="row">
                                            <div class="table-responsive mb-5">
                                                <table id="itemTable" class="table my-3">
                                                    <thead style="background-color: #8daf21; color:#fff;">
                                                    <tr>
                                                        <th style="">#</th>
                                                        <th style="">{{__('messages.Item')}}</th>
                                                        <th style="">{{__('messages.Suppliers')}}</th>
                                                        <th style="">{{__('messages.Inventory')}}</th>
                                                        <th style="">{{__('messages.quantity')}}</th>
                                                        <th style="">{{__('Remaining')}}</th>
                                                        <th style="">{{__('Damaged/Missing')}}</th>
                                                        <th colspan="2" style="">{{__('messages.price')}}</th>
                                                        <th style="">{{__('messages.production date')}}</th>
                                                        <th style=""
                                                            class="expire-date-header">{{__('messages.expire date')}}</th>
                                                        <th style="">
                                                            {{__('messages.Total')}}
                                                        </th>
                                                    </tr>
                                                    </thead>
                                                    <tbody>

                                                    @foreach($invoice->purchase_items as $item)
                                                        <tr>
                                                            <input type="hidden"
                                                                   name="quantity[{{$item->id}}]"
                                                                   value="{{($item->quantity + $item->meat_weight) - $item->total_damaged_value}}">
                                                            <input type="hidden"
                                                                   name="total_quantity[{{$item->id}}]"
                                                                   value="{{($item->quantity + $item->meat_weight)}}">
                                                            <td>{{$loop->index + 1}}</td>
                                                            <td>{{$item->item->name}}</td>
                                                            <td>{{$item->supplier->name}}</td>
                                                            <td>{{$item->inventory->name}}</td>
                                                            <td>{{$item->quantity + $item->meat_weight }}</td>
                                                            <td class="remaining-{{$item->id}}">{{ ($item->quantity + $item->meat_weight) - $item->total_damaged_value }}</td>
                                                            <td>
                                                                <input min="0"
                                                                       @if($item->itemIsCartonMeat())
                                                                           readonly
                                                                       @endif
                                                                       style="min-width: 130px"
                                                                       data-default="{{$item->total_damaged_value}}"
                                                                       type="number"
                                                                       max="{{$item->total_damaged_value}}"
                                                                       step=".01"
                                                                       value="{{$item->total_damaged_value}}"
                                                                       name="damaged[{{$item->id}}]"
                                                                       class="form-control damaged">
                                                            </td>
                                                            <td colspan="2">
                                                                <input style="min-width: 130px" min="0" type="number"
                                                                       step=".01"
                                                                       name="price[{{$item->id}}]"
                                                                       class="form-control price">
                                                            </td>
                                                            <td>{{$item->production_date}}</td>
                                                            <td>{{$item->expire_date}}</td>
                                                            <td>
                                                                <span id="totalPrice{{$item->id}}">0</span>
                                                            </td>
                                                        </tr>
                                                        @if($item->itemIsCartonMeat())
                                                            <tr>
                                                                <td colspan="12" class="text-center">
                                                                    <input type="hidden"
                                                                           name="related_item[{{$item->id}}]">
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td colspan="12" style="background: #f1f1f1;">
                                                                    <div class="row">
                                                                        @foreach($item->related_items as $related_item)
                                                                            <div class="col-md-4 mb-2 text-center ">
                                                                                <label class="mb-2">  {{__("Restored From :name",['name'=>$related_item->item->name])}}</label>
                                                                                <input class="form-control mt-2 related-item related-item-{{$item->id}}"
                                                                                       data-purchase-item-id="{{$item->id}}"
                                                                                       type="number"
                                                                                       name="related_item[{{$item->id}}][{{$related_item->id}}]"
                                                                                       value="0">
                                                                            </div>
                                                                        @endforeach
                                                                    </div>
                                                                </td>

                                                            </tr>
                                                        @endif
                                                    @endforeach
                                                    </tbody>
                                                </table>
                                            </div>
                                            <div class="form-group mb-3 col-md-4">
                                                <label class="required"
                                                       for=""> {{__('messages.shipping')}}</label>
                                                <select id="shipping_type" disabled
                                                        class="js-example-disabled-results form-control">
                                                    <option value="0">{{ __('validation.Select', ['attribute' => __('messages.shipping')]) }}</option>
                                                    <option
                                                            {{ $invoice->shipping_type == 'land' ? 'selected' : '' }}
                                                            value="land">{{__('messages.land')}}</option>
                                                    <option
                                                            {{ $invoice->shipping_type == 'air' ? 'selected' : '' }}
                                                            value="air">{{__('messages.air')}}</option>
                                                    <option
                                                            {{ $invoice->shipping_type == 'sea' ? 'selected' : '' }}
                                                            value="sea">{{__('messages.sea')}}</option>
                                                </select>
                                                <div class="shipping_type-error d-none text-danger">{{ __('validation.required', ['attribute' => __('messages.shipping')]) }}</div>
                                            </div>
                                            <div class="form-group mb-3 col-md-4">
                                                <label for=""> {{__('messages.Shipping price')}}</label>
                                                <input name="shipping_price" id="priceShipping"
                                                       class="form-control"
                                                       step=".01"
                                                       type="number" value="0">
                                            </div>
                                            <div class="form-group mb-3 col-md-4">
                                                <label for=""> {{__('messages.Serial number')}}</label>
                                                <input name="serial_number" id="serialNumber"
                                                       class="form-control"
                                                       type="text" value="" readonly>
                                                <div class="serial_number-error d-none text-danger">{{ __('validation.required', ['attribute' => __('messages.Serial number')]) }}</div>
                                            </div>
                                            <div class="form-group mb-3 col-md-4">
                                                <label for=""> {{__('messages.Status')}}</label>
                                                <select name="status" id="status"
                                                        class=" form-control">
                                                    <option

                                                            value="pending" selected>Pending
                                                    </option>
                                                    <option
                                                            value="estimated_cost">estimated cost
                                                    </option>
                                                </select>
                                            </div>
                                            <div class="form-group mb-3 col-md-4">
                                                <label for=""> {{__('messages.Date')}}</label>
                                                <input id="date_time"
                                                       class="form-control"
                                                       disabled
                                                       value="{{$invoice->date_time}}"
                                                       type="datetime-local"
                                                >
                                                <div class="date_time-error d-none text-danger">{{ __('validation.required', ['attribute' => __('messages.date_time')]) }}</div>

                                            </div>
                                            <hr>
                                            <h4>{{__('messages.Other expenses')}}</h4>
                                            <div class="form-group my-3 col-md-4">
                                                <label for=""> {{__('messages.Customs expenses')}}</label>
                                                <input name="customs" id="customs"
                                                       class="form-control"
                                                       type="number"
                                                       step=".01"
                                                       value="0">

                                            </div>
                                            <div class="form-group my-3 col-md-4">
                                                <label for=""> {{__('messages.Clearance expenses')}}</label>
                                                <input name="clearance" id="clearance"
                                                       class="form-control" type="number"
                                                       step=".01"
                                                       value="0">

                                            </div>
                                            <div class="form-group my-3 col-md-4">
                                                <label for=""> {{__('messages.Tax expenses')}}</label>
                                                <input name="tax" id="tax" class="form-control"
                                                       type="number"
                                                       step=".01"
                                                       value="0">
                                            </div>
                                            <div class="form-group my-3 col-md-4">
                                                <label for=""> {{__('messages.Unloading workers expenses')}}</label>
                                                <input name="workers_expenses" id="workersExpenses"
                                                       class="form-control"
                                                       step=".01"
                                                       type="number" value="0">

                                            </div>
                                            <hr>
                                            <div class="form-group mb-3 col-md-4">
                                                <label for=""> {{__('messages.Subtotal')}}</label>
                                                <input name="subtotal" id="subtotal"
                                                       class="form-control"
                                                       step=".01"
                                                       type="text"
                                                       readonly min="0">
                                            </div>
                                            <div class="form-group mb-3 col-md-4">
                                                <label for=""> {{__('messages.Discount Type')}}</label>
                                                <select name="discount_type" id="discountType"
                                                        class=" form-control">
                                                    <option value="0"
                                                            selected>{{__('messages.Select an Option')}}</option>
                                                    <option value="fixed">{{__('messages.Fixed')}}</option>
                                                    <option value="percentage">{{__('messages.Percentage')}}</option>
                                                </select>
                                            </div>
                                            <div class="form-group mb-3 col-md-4">
                                                <label for=""> {{__('messages.Discount Amount')}}</label>
                                                <input name="discount_amount" id="discountAmount"
                                                       class="form-control"
                                                       step=".01"
                                                       type="number" disabled min="0">
                                            </div>
                                            <div class="form-group my-3 col-md-4">
                                                <label for=""> {{__('messages.Total price')}}</label>
                                                <input name="total_price" id="totalPrice"
                                                       class="form-control"
                                                       disabled
                                                       type="number">
                                                <input type="hidden" id="add-ajax-route"
                                                       value="{{ route('purchases.store') }}"/>
                                            </div>
                                            <div class="form-group my-3 col-md-12">
                                                <label for="note"> {{__('messages.Note')}}</label>
                                                <textarea id="note" name="note" class="form-control"
                                                          rows="5"></textarea>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                                <div class="tab-pane fade" id="pills-career" role="tabpanel"
                                     aria-labelledby="pills-profile-tab">
                                    <table class="table table-bordered">
                                        <thead>
                                        <tr>
                                            <th>{{__('File')}}</th>

                                        </tr>
                                        </thead>
                                        <tbody id="files">
                                        @foreach($invoice->files as $file)

                                            <tr>
                                                <td>
                                                    <a href="{{asset($file->path)}}"
                                                       target="_blank">
                                                        <i class="fa fa-file"></i>
                                                    </a>
                                                </td>

                                            </tr>
                                        @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <div class="text-center">
                                <button id="addPurchase"
                                        class="btn btn-primary">{{__('messages.Save')}}</button>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </form>
    <div class="spinner-layer d-none">
        <div class="spinner"></div>
        <p class="fs-3">{{__('messages.Processing')}}</p>
    </div>

@endsection

@section("scripts")
    <script>
        var translations = {'weight': "{{__('messages.meat weight')}}"};
    </script>
    <script src="{{asset('metronic/js/components/uploadFiles.js')}}"></script>
    <script src="{{asset('metronic/js/pages/invoice-without-price-convert-to-real-invoice.js')}}"></script>

@endsection