@extends('admin.layout.master')
@section('content')
    <style>
        .myTable {
            width: 100%;
            text-align: center;
            background-color: lemonchiffon;
            border-collapse: collapse;
        }

        .myTable th {
            background-color: red;
            color: white;
        }

        .myTable td,
        .myTable th {
            padding: 10px;
            border: 1px solid green;
        }

    .ui-autocomplete {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 160px;
        padding: 5px 0;
        margin: 2px 0 0;
        list-style: none;
        font-size: 14px;
        text-align: left;
        background-color: #ffffff;
        border: 1px solid #cccccc;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        background-clip: padding-box;
    }

    .ui-autocomplete>li>div {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.42857143;
        color: #333333;
        white-space: nowrap;
    }

    .ui-state-hover,
    .ui-state-active,
    .ui-state-focus {
        text-decoration: none;
        color: #262626;
        background-color: #f5f5f5;
        cursor: pointer;
    }

        .custom-card {
            background-color: #318777;
            color: white;
            /* #17A2B8; */
        }

        .ui-helper-hidden-accessible {
            border: 0;
            clip: rect(0 0 0 0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px;
        }
    }

        .blink {
            animation: blinker 4s linear infinite;
            color: yellow;
            font-size: 20px;
            font-weight: bold;
            font-family: sans-serif;
        }

        @keyframes blinker {
            50% {
                opacity: 0;
            }
        }

        .customSpan {
            color: yellow;
            font-size: 12px;
            font-weight: bold;
            font-family: sans-serif;
            animation: blinker 2s linear infinite;
        }

    </style>
    <div class="row">
        <div class="col-xs-12">
            <h4 class="page-title"> </h4>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">
            <div class="card custom-card">
                <div class="card-header text-center"><b class="blink"><u>FIXED ASSET ITEM</u></b></div>
                <form action="#" id="forms_Id" method="POST">
                    @csrf
                    <div class="card-body">
                        <div class="row">
                            <div class="col-12">
                                <div class="row">
                                    <div class="col-3">
                                        <label>Install From</label>
                                        <input type="text" readonly class="form-control" value="{{ $invoice->installFrom?$invoice->installFrom->date:''}}"/>
                                    </div>
                                    <div class="col-3">
                                        <label>GRN NO</label>
                                        <input type="text" value="{{ $invoice->grn_no }}" name="grn_no"
                                            class="form-control input-sm" id="grn_No" />
                                    </div>
                                    <div class="col-3">
                                        <label>Date</label>
                                        <input type="date" name="date" value="{{ $invoice->date }}"
                                            class="form-control input-sm" id="date_of_Grn" />
                                    </div>
                                    <div class="col-3">
                                        <label>Asset (Acquired date):</label>
                                        <input type="date" value="{{ $invoice->acuired_date }}" name="acuired_date"
                                            class="form-control input-sm" id="asset_acuired_Date" />
                                        <input type="hidden" value="{{ $invoice->id }}" name="invoice_id"
                                            class="form-control input-sm" id="DetailsId" />
                                    </div>

                                    <div class="col-3">
                                        <label>Insurance Date:</label>
                                        <input type="date" value="{{ $invoice->insuarnce_date }}" name="insurance_date"
                                            class="form-control input-sm" id="insurance_Date" />
                                    </div>
                                    <div class="col-3">
                                        <label>Purchase Requisition No:</label>
                                        <input type="text" value="{{ $invoice->purchase_requisition_no }}"
                                            name="purchase_requisition_no" class="form-control input-sm"
                                            id="purchase_requisition_No" />
                                    </div>
                                    <div class="col-3">
                                        <label>Purchase Order No:</label>
                                        <input type="text" value="{{ $invoice->purchase_order_no }}"
                                            name="purchase_order_no" class="form-control input-sm" id="purchase_order_No" />
                                    </div>
                                    <div class="col-3">
                                        <label>Vendor: <span class="customSpan">(Required)</span></label>
                                        <select name="vendor_id" required style="width:100%"
                                            class="form-control SpecialSelect" id="vendorId">
                                            <option value="">Choose One</option>
                                            @foreach ($vendor as $item)
                                                <option value="{{ $item->id }}"
                                                    {{ $invoice->vendor_id == $item->id ? 'selected' : '' }}>
                                                    {{ $item->name_eng }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <p id="dateMessage" style="color: red" class="text-center"></p>
                        <table class="display myTable datatable table-responsive table table-stripped table-bordered mt-3">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>Item Code</th>
                                    <th>Description</th>
                                    <th>&nbsp;&nbsp;&nbsp;S/N &nbsp;&nbsp;&nbsp;</th>
                                    <th> Mode of purchase</th>
                                    <th>Asset Category <span class="customSpan">(Required)</span></th>
                                    <th>&nbsp;&nbsp;&nbsp; F/A Code &nbsp;&nbsp;&nbsp; <span
                                            class="customSpan">(Required)</span></th>
                                    <th>Warranty From <span class="customSpan">(Required)</span></th>
                                    <th>&nbsp;&nbsp;&nbsp&nbsp;&nbsp &nbsp; Year&nbsp;&nbsp;&nbsp&nbsp;&nbsp &nbsp; <span
                                            class="customSpan">(Required)</span></th>
                                    <th>Warranty To <span class="customSpan">(Required)</span></th>
                                    <th>Quantity <span class="customSpan">(Required)</span></th>
                                    <th>Amount <span class="customSpan">(Required)</span></th>
                                    @foreach ($cost as $vCost)
                                        <th>{{ $vCost->name }}</th>
                                    @endforeach
                                    <th>T.A W/O Vat </th>
                                    <th>Vat Amount</th>
                                    <th>Total Amount</th>
                                    <th>Cost Center <span class="customSpan">(Required)</span></th>
                                    <th> Location (Cost Center) </th>
                                    <th> Country Location </th>
                                    <th> Statutory Location </th>
                                    <th> Sub Location </th>
                                    <th> Floor Location </th>
                                    <th> Sub Location (Floor) </th>
                                    <th> Room Location </th>
                                    <th> Sub Location (Room) </th>
                                    <th> Department </th>
                                    <th> Sub Department </th>
                                    <th> Location </th>
                                    <th> Percentage <span class="customSpan">(Required)</span> </th>
                                    <th> Residual Value</th>
                                </tr>
                            </thead>
                            <tbody id="DataResult">
                                @php($sl = 1)
                                @foreach ($invoice->details as $i => $item)
                                    @if (!empty($item->transection))
                                        <tr class="data" data-id="{{ $i }}">
                                            <td>{{ $sl++ }}</td>
                                            <td>
                                                <select required disabled name="item_id[]"
                                                    onchange="getProductinfo(this.value,{{ $i }})"
                                                    class="form-control SpecialSelect product"
                                                    id="productId-{{ $i }}">
                                                    <option value="{{ $item->product->id }}">
                                                        {{ $item->product->name_eng }}</option>
                                                </select>
                                            </td>

                                            <td>
                                                <input type="text" disabled value="{{ $item->description }}"
                                                    class="form-control" name="description[]"
                                                    id="description-{{ $i }}">
                                            </td>
                                            <td style="width: 100%">
                                                <input type="text" disabled value="{{ $item->sn }}"
                                                    class="form-control" name="sn[]" id="sn-{{ $i }}" />
                                                <input type="hidden" disabled value="{{ $item->sn }}"
                                                    class="form-control" name="sn[]" id="sn-{{ $i }}" />
                                            </td>

                                            <td style="width: 100%">
                                                <input type="text" disabled value="{{ $item->mode_of_purchase }}"
                                                    class="form-control" name="mode_of_purchase[]"
                                                    id="ModeOfpur-{{ $i }}" />
                                            </td>
                                            <td>
                                                <select disabled name="fixed_asset_category_id[]"
                                                    onchange="faCodeAuto({{ $i }},this.value)"
                                                    class="form-control SpecialSelect"
                                                    id="assetCategory-{{ $i }}">
                                                    <option value="0">Select Category </option>
                                                    @foreach ($assetCategory as $vcat)
                                                        <option value="{{ $vcat->id }}"
                                                            {{ $item->category_id == $vcat->id ? 'selected' : '' }}>
                                                            {{ $vcat->name_eng }}</option>
                                                    @endforeach
                                                </select>
                                            </td>
                                            <td style="width: 100%">
                                                <input disabled type="text" readonly value="{{ $item->fa_code }}"
                                                    class="form-control" name="fa_code[]"
                                                    id="faCode-{{ $i }}" />
                                            </td>
                                            <td>
                                                <input disabled type="date" value="{{ $item->warranty_from }}"
                                                    class="form-control" name="warranty_from[]"
                                                    id="warrantyFrom-{{ $i }}">
                                            </td>
                                            <td>
                                                <input disabled type="text" onchange="endDateGenerate({{ $i }})"
                                                    value="{{ $item->total_days }}" class="form-control"
                                                    name="total_days[]" id="totalDays-{{ $i }}">
                                            </td>
                                            <td>
                                                <input disabled type="date" value="{{ $item->warranty_to }}"
                                                    class="form-control" name="warranty_to[]"
                                                    id="warrantyTo-{{ $i }}">
                                            </td>
                                            <td>
                                                <input disabled type="number" value="{{ $item->quantity }}"
                                                    onkeyup="qtyAmount({{ $i }})" class="form-control"
                                                    name="qty[]" id="qty-{{ $i }}" />
                                            </td>
                                            <td>
                                                <input disabled type="number" value="{{ $item->amount }}"
                                                    onkeyup="qtyAmount({{ $i }})" class="form-control"
                                                    name="amount[]" id="amount-{{ $i }}">
                                            </td>

                                            @foreach ($cost as $vCost)