@extends('admin.layout.master')
@section('title', __('obs.transfer_out'))
@section('custom_style')
    @include('inventory.blade_styles.posting_blade_css')
    {{-- <style>
        {!! $setting->style_css !!}
    </style> --}}
@endsection
@section('content')

    <div class="sina-card card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h4 class="card-title m-0">{{__('obs.transfer_out')}}</h4>
			<h6 class="card-title m-0"><input type="text" id="invoice_no" name="invoice_no" disabled NsModelBind="invoice.invoice_no" class="form-control cl-form-control text-center" style="border: 0; background-color: var(--cl-gray-50);"></h6>
        </div>
        <div class="card-body">
            <nav class="mb-3 d-flex justify-content-between">
                <div class="nav nav-tabs" role="tablist">
                    <button class="nav-link active" data-bs-target="#invoice" data-bs-toggle="tab" type="button"
                        role="tab" aria-controls="nav-invoice" aria-selected="true">
                        {{__('obs.invoice')}}
                    </button>
                    <button class="nav-link" data-bs-target="#install-invoice-tab" data-bs-toggle="tab" type="button"
                        role="tab" aria-controls="nav-install-invoice" aria-selected="false">
                        {{ __('obs.install_invoice') }}</button>
                    {{-- <button class="nav-link" data-bs-target="#install-from-category-tab" data-bs-toggle="tab" type="button"
                        role="tab" aria-controls="nav-install-from-category" aria-selected="false">
                        {{ __('obs.install_from_category') }}</button> --}}
                </div>
            </nav>

            <div class="tab-content">
                <div class="tab-pane fade show active" id="invoice" role="tabpanel" tabindex="0">
                    <div class="row g-2">
                        <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
                            <table class="table cl-table table-form table-bordered mb-0">
                                <tr>
                                    <td>
                                        <label for="transfer_to" class="form-label cl-form-label"> {{ __('obs.transfer_to') }} </label>
                                    </td>
                                    <td>
                                        <div class="d-flex">
                                            {{-- @php
                                                $stores = adminAsignedWarehouseList()->where('parent_id', current_warehouse())->where('id', '<>', current_store());
                                            @endphp --}}

                                            <select class="transfer_to form-select cl-form-select" id="transfer_to" name="transfer_to" NsModelBind="invoice.transfer_to" {{ @$invoice && $invoice->approve_status == 1 ? 'disabled' : '' }}>
                                                <option value="">Select</option>
                                                @forelse ($stores as $store)
                                                    <option value="{{ $store->id }}">{{ $store->name_eng }}</option>
                                                @empty
                                                @endforelse
                                            </select>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <label class="form-check-label cl-form-check-label" for="checkInput3">{{__('obs.status')}}</label>
                                    </td>
                                    <td>
                                        <div class="d-flex">
                                            <select class="form-select cl-form-select" name="status" id="status" NsModelBind="invoice.status">
                                                <option value="1">{{__('obs.active')}}</option>
                                                <option value="0"> {{__('obs.stand_by')}}</option>
                                            </select>
                                        </div>
                                    </td>
                                </tr>
                            </table>
                        </div>
                        <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
                            <table class="table cl-table table-form table-bordered mb-0">
                                <tr>
                                    <td>
                                        <label for="inv_group_id" class="form-label cl-form-label">{{__('obs.inv_group')}}</label>
                                    </td>
                                    <td>
                                        @include('v2.inventory.global.invoice_group_dd', ['type'=> 10])
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <label for="note">{{__('obs.style')}}</label>
                                    </td>
                                    <td>
                                        @include('v2.inventory.global.style_dd')
                                    </td>
                                </tr>
                            </table>
                        </div>
                        <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
                            <table class="table cl-table table-form table-bordered mb-0">
                                <tr>
                                    <td>
                                        <label for="cost_center_id" class="form-label cl-form-label">{{__('obs.cost_center')}}</label>
                                    </td>
                                    <td>
                                         @include('v2.inventory.global.cost_center_dd', ['id'=> 'inv_cost_center_id', 'name'=> 'inv_cost_center_id', 'cls'=> '_inv'])
                                    </td>
                                </tr>
                                @if (request()->is_agro_garden == 1)
                                    @php
                                        $gardenS = app(App\Contracts\AgroGarden\GardenContract::class);
                                        // $gardens = $gardenS->findAll(['id', 'name'], [], [['warehouse_id', '=', current_warehouse()]]);
                                        $gardens = $gardenS->findAll([
                                            'select'=> ['id', 'name'],
                                            'where'=> [['warehouse_id', '=', current_warehouse()]]
                                        ]);
                                    @endphp
                                    <tr>
                                        <td>
                                            <label for="top_sheet_number" class="form-label cl-form-label">{{__('obs.garden')}}</label>
                                        </td>
                                        <td>
                                            <select class="form-control select2" name="top_sheet_number" id="top_sheet_number"  inv_bind="top_sheet_number">
                                                <option value="">Select Garden</option>
                                                @foreach($gardens as $g)
                                                    <option value="{{ $g->id }}">{{ $g->name }}</option>
                                                @endforeach
                                            </select>
                                        </td>
                                    </tr>
                                @endif
                            </table>
                        </div>
                        <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
                            <table class="table cl-table table-form table-bordered mb-0">
                                <tr>
                                    <td>
                                        <label for="note" class="form-label cl-form-label">{{__('obs.description')}}</label>
                                    </td>
                                    <td>
                                        <input type="text" id="note" name="note" NsModelBind="invoice.note" class="form-control cl-form-control">
                                    </td>
                                </tr>
                            </table>
                        </div>
                        <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
                            <table class="table cl-table table-form table-bordered mb-0">
                                <tr>
                                    <td>
                                        <label for="date" class="form-label cl-form-label">{{__('obs.date')}}</label>
                                    </td>
                                    <td>
                                        @include('v2.inventory.global.inv_date')
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>

                    <div class="row mt-3">
                        <div class="col-12">
                            <div class="cl-table-container rounded-2" style="height: 280px">
                                <table class="table table-sm mb-0 rounded-2 cl-bg-gray-100 cl-table table-borderless" style="min-width: 992px">
                                    <thead>
                                        <tr>
                                            <th class="text-center cl-fixed-cell" scope="col" style="width: 25px">#</th>
                                            <th class="text-center cl-fixed-cell" scope="col" style="width: 16%">{{__('obs.camel_case_product')}}</th>
                                            <th class="text-center" scope="col">{{ __('obs.unit')}}</th>
                                            {{-- <th class="text-center" scope="col">{{__('obs.img')}}</th> --}}
                                            <th class="text-center" scope="col">{{__('obs.note')}}</th>
                                            @if (warehouse_info()->use_expiry == 1)
                                                <th class="text-center" scope="col">{{__('obs.expiry_date')}}</th>
                                            @endif
                                            <th class="text-center" scope="col">{{__('obs.qty')}}</th>
                                            <th class="text-center" scope="col">{{__('obs.avl_qty')}}</th>
                                            <th class="text-center" scope="col">{{__('obs.action')}}</th>
                                        </tr>
                                    </thead>
                                    <tbody id="tbl_body">
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        @if (!@$invoice || $invoice->transaction_type == 10)
                            <div class="col-12 d-flex">
                                <hr class="mb-0 w-100">
                                @include('v2.inventory.global.btn_add_new_row')
                            </div>
                        @endif
                    </div>

                    <div class="row mt-2">
                        <div class="col-md-12 col-sm-12">
                            @include('v2.inventory.global.inv_foot')
                        </div>
                    </div>
                </div>

                <div class="tab-pane fade" id="install-invoice-tab" role="tabpanel" tabindex="0">
                    @php
                        $types = [
                            '10'=> __('obs.transfer_out'),
                            'indent'=>  __('obs.indent'),
                        ];
                    @endphp
                    @include('v2.inventory.global.install_invoice', [
                        'theads'=> ['Date', 'Invoice No'],
                        'dateSerial'=> 2,
                        'invoiceTypes'=> $types,
                    ])
                </div>
                {{-- <div class="tab-pane fade" id="install-from-category-tab" role="tabpanel" tabindex="0">
                    Install-from-category-tab
                </div> --}}
            </div>
        </div>
    </div>
    
    <!-- size Modal Div -->
    <div id="div_product_serial"> </div>
    
    @include('v2.inventory.global.inv_loader')
@endsection
@section('script')
    <script>
        const edit_invoice = @json(@$invoice??null);
        const transfer_to = "{{ $stores->first()?$stores->first()->id:'' }}";
        const is_agro_garden = "{{ request()->is_agro_garden }}";

        console.log(edit_invoice);
    </script>
    @include('v2.inventory.global.init_default_settings_in_js', ['tran_type'=> 10])
    <script type="text/javascript" src="{{ asset('v2/inventory/invoice/transfer/out.js'.getJsVersion()) }}"></script>
@append