@extends('layouts/contentLayoutMaster')

@section('title', 'Fixed Asset Transfer Note')

@section('vendor-style')
    {{-- vendor css files --}}
    <link rel="stylesheet" href="{{ asset('vendors/css/forms/select/select2.min.css') }}">
    <link rel="stylesheet" href="{{ asset('vendors/css/tables/datatable/dataTables.bootstrap5.min.css') }}">
    <link rel="stylesheet" href="{{ asset('vendors/css/tables/datatable/buttons.bootstrap5.min.css') }}">
    <link rel="stylesheet" href="{{ asset('vendors/css/extensions/sweetalert2.min.css') }}">
    <link rel="stylesheet" href="{{ asset('/css/custom.css') }}">
@endsection
@section('content')

<style>
    .table th{
    
        vertical-align:middle !important;
        text-align:center;
    }
</style>

    <!-- Column Search -->
    <section id="column-search-datatable">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="row border-bottom py-2">
                        <div class="col-12 d-flex justify-content-between">
                            <h4 class="card-title my-auto ps-2">Transfer Note : {{ $itemTransfer->code }}</h4>
                           
                        </div>
                    </div>

                    <div class="card-body pt-0 pb-2">

                        @if ($success = Session::get('success'))
                            <div class="demo-spacing-0 mb-1 col-6">
                                <div class="alert alert-success alert-dismissible fade show" role="alert">
                                    <div class="alert-body">{{ $success }}</div>
                                    <button type="button" class="btn-close" data-bs-dismiss="alert"
                                        aria-label="Close"></button>
                                </div>
                            </div>
                        @endif
                        @if ($errorMessage = Session::get('errorMessage'))
                            <div class="demo-spacing-0 mb-1 col-6">
                                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                                    <div class="alert-body">{{ $errorMessage }}</div>
                                    <button type="button" class="btn-close" data-bs-dismiss="alert"
                                        aria-label="Close"></button>
                                </div>
                            </div>
                        @endif

                            <div class="row mt-2">
                                <div class="col-12">
                                    @if ($editable)
                                        
                                    <form class="row" action="{{ route('inventory.fixed-asset-transfer.update', $itemTransfer->_id) }}" method="POST" id="myForm">
                                        @method('PUT')
                                        @csrf
                                        <div class="col-md-4 col-6 pe-0">
                                            @php
                                                $from_store = $itemTransfer->from_store ?  $itemTransfer->from_store->_id : null;
                                            @endphp
                                            <label class="form-label">Select Receiving Store</label>
                                            <select id="store" name="store_id" data-placeholder="Store" class="select2 form-select">
                                                <option value="" >Select Store</option>
                                                @foreach ($stores as $store)
                                                    @if ($from_store != null && $store->_id != $from_store)
                                                        <option value="{{ $store->id }}">
                                                            {{ ucfirst($store->name) }}
                                                        </option>
                                                    @endif
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="col-md-3 col-6 pe-0">
                                            <label class="form-label">Select Status</label>
                                            <select id="status" data-placeholder="Status" name="status" class="select2 form-select" required>
                                                <option value="" selected disabled>Select Status</option>
                                                <option value="1" >Receive</option>
                                            </select>
                                            <input type="hidden" id="transfer_id" name="transfer_id" value="{{ $itemTransfer->_id ?? '' }}">
                                        </div>
                                        <div class="col-md-4 col-6 pe-0">
                                            <div class="mb-1">
                                              <label class="form-label" for="user_name">Remarks</label>
                                              <input
                                                type="text"
                                                class="form-control"
                                                placeholder="Enter Remarks"
                                                name="remarks"
                                                value="{{old('remarks')}}"
                                              />
                                            </div>
                                        </div>
                                        <div class="col-1 pe-0 d-flex justify-content-start align-items-center" style="padding-top: 10px">
                                            <input type="submit" value="Submit" class="btn btn-sm btn-primary " id="submitButton">
                                        </div>
                                    </form>
                                    @endif
                                </div>
                            </div>
                            <div class="row pb-2 pt-2">
                                <div class="col-6">
                                    <h5 class="pb-1">
                                        <b>Asset Code :</b>  {{$itemTransfer->asset ? $itemTransfer->asset->code : 'N/A'}}
                                    </h5>
                                    <h5 class="pb-1 text-primary">
                                        <b>From Plant :</b>  {{$itemTransfer->from_ao ? 'N/A' : ($itemTransfer->from_plant ? $itemTransfer->from_plant->name : 'N/A')}}
                                    </h5>
                                    <h5 class="pb-1 text-primary">
                                        <b>From Area Office :</b>  {{$itemTransfer->from_ao ? $itemTransfer->from_ao->ao_name : 'N/A'}}
                                    </h5>
                                    <h5 class="pb-1 text-primary">
                                        <b>From Store :</b>  {{ $itemTransfer->from_store ? $itemTransfer->from_store->name : 'N/A' }}
                                    </h5>
                                    <h5 class="pb-1">
                                        <b>Type :</b>  {{$itemTransfer->type ? $itemTransfer->type : 'N/A'}}
                                    </h5>
                                    <h5 class="pb-1">
                                        <b>Status : 
                                            @if ($itemTransfer->status == 1 && $itemTransfer->to_store_id != null)
                                                <span class="text-success">Completed</span>
                                            @elseif ($itemTransfer->status == 3)
                                                <span class="text-danger">Rejected</span>
                                            @elseif ($itemTransfer->status == 4)
                                                <span class="text-info">Reverted</span>
                                            @else
                                                <span class="text-secondary">Pending</span>
                                            @endif
                                        </b>
                                    </h5>
                                    <h5 class="pb-1">
                                        <b>Created By :</b>  {{$itemTransfer->createdBy ? $itemTransfer->createdBy->name : 'N/A'}}
                                    </h5>
                                    <h5>
                                        <b>Note :</b>  {{$itemTransfer->note ? $itemTransfer->note : 'N/A'}}
                                    </h5>
                                </div>
                                <div class="col-6 ">
                                    <h5 class="pb-1">
                                        <b>Asset Name :</b>  {{$itemTransfer->asset ? $itemTransfer->asset->name : 'N/A'}}
                                    </h5>
                                    <h5 class="pb-1 text-success">
                                        <b>To Plant :</b>  {{$itemTransfer->to_ao ? 'N/A' : ($itemTransfer->to_plant ? $itemTransfer->to_plant->name : 'N/A')}}
                                    </h5>
                                    <h5 class="pb-1 text-success">
                                        <b>To Area Office :</b>  {{$itemTransfer->to_ao ? $itemTransfer->to_ao->ao_name : 'N/A'}}
                                    </h5>
                                    <h5 class="pb-1 text-success">
                                        <b>To Store :</b>  {{$itemTransfer->to_store ? $itemTransfer->to_store->name : 'N/A'}}
                                    </h5>
                                    <h5 class="pb-1">
                                        <b>Updated By :</b>  {{$itemTransfer->updatedBy ? $itemTransfer->updatedBy->name : 'N/A'}}
                                    </h5>
                                    <h5 class="pb-1">
                                        <b>Remarks :</b>  {{$itemTransfer->remarks ? $itemTransfer->remarks : 'N/A'}}
                                    </h5>
                                    <h5 class="pb-1">
                                        <b>Date :</b>  {{$itemTransfer->date ? $itemTransfer->date . ' ' . $itemTransfer->time : 'N/A'}}
                                    </h5>
                                </div>
                            </div>



                        
                    </div>

                </div>
            </div>
        </div>
        </div>
    </section>


@endsection

@section('vendor-script')

    <script src="{{ asset('vendors/js/forms/select/select2.full.min.js') }}"></script>
    <script src="{{ asset('vendors/js/tables/datatable/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('vendors/js/tables/datatable/dataTables.bootstrap5.min.js') }}"></script>
    <script src="{{ asset('vendors/js/tables/datatable/datatables.buttons.min.js') }}"></script>
    <script src="{{ asset('vendors/js/tables/datatable/buttons.bootstrap5.min.js') }}"></script>
    <script src="{{ asset('vendors/js/extensions/sweetalert2.all.min.js') }}"></script>
    <script src="{{ asset('/js/custom.js') }}"></script>
    <script>
        $(document).ready(function() {
            $(".select2").select2({
                allowClear: true,
                // dropdownPosition: 'TOP'
            });
        });
        
    </script>
    <script>
        $(document).ready(function() {
            $('#myForm').on('submit', function() {
                var $btn = $('#submitButton');
                $btn.prop('disabled', true);
                $btn.val('Submitting...'); // Use .val() instead of .html()
                return true;
            });
        });
    </script>
@endsection