@extends('layouts.app')
@section('title', __('re_order.add'))

@section('content')
    <style>
        .table-responsive {
            width: 100%;
            height: 500px;
            overflow-y: auto;
            overflow-x: auto;
        }

        table {
            width: 100%;
            border-collapse: collapse;
        }

        thead th {
            position: sticky;
            top: 0;
            background-color: #2fb3a1;
            box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
        }

        tbody tr:nth-child(even) {
            background-color: #f2f2f2;
        }

        th,
        td {
            text-align: left;
            padding: 8px;
            border: 1px solid #ddd;
        }
    </style>

    <!-- Content Header (Page header) -->
    <section class="content-header">
        <br>
        <h1>@lang('re_order.add')</h1>
    </section>

    <!-- Main content -->
    <section class="content no-print">
        {!! Form::open([
            'url' => action('StockReOrderController@store'),
            'method' => 'post',
            'id' => 'stock_re_order_form',
        ]) !!}
        <div class="box box-solid">
            <div class="box-body">
                <div class="row">
                    <div class="col-sm-3">
                        <div class="form-group">
                            {!! Form::label('location_id', __('purchase.business_location') . ':') !!}
                            {{-- {!! Form::select(
                                'select_location_id',
                                $business_locations,
                                $default_location->id ?? null,
                                ['class' => 'form-control select2', 'id' => 'select_location_id', 'required'],
                                $bl_attributes,
                            ) !!} --}}
                            <select class="form-control select2" name="select_location_id" id="select_location_id" required>
                                @foreach ($locations as $form_location)
                                    @if ($is_admin)
                                        <option value="{{ $form_location->id }}">{{ $form_location->name }}
                                            ({{ $form_location->location_id }})
                                        </option>
                                    @else
                                        @foreach ($access_from_locations as $access_from_location)
                                            @if ($access_from_location->location_id == $form_location->id)
                                                <option value="{{ $form_location->id }}">{{ $form_location->name }}
                                                    ({{ $form_location->location_id }})
                                                </option>
                                            @endif
                                        @endforeach
                                    @endif
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            {!! Form::label('ref_no', __('purchase.ref_no') . ':') !!}
                            @show_tooltip(__('lang_v1.leave_empty_to_autogenerate'))
                            {!! Form::text('ref_no', null, ['class' => 'form-control']) !!}
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            {!! Form::label('transaction_date', __('messages.date') . ':*') !!}
                            <div class="input-group">
                                <span class="input-group-addon">
                                    <i class="fa fa-calendar"></i>
                                </span>
                                {!! Form::text('transaction_date', @format_datetime('now'), [
                                    'class' => 'form-control',
                                    'readonly',
                                    'disabled',
                                    'required',
                                ]) !!}
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            {!! Form::label('re_order_status', __('re_order.status') . ':') !!}
                            {!! Form::select('re_order_status', $re_order_status, null, [
                                'class' => 'form-control select2',
                                'id' => 're_order_status',
                            ]) !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--box end-->
        <div class="box box-solid">
            <div class="box-header">
                <h3 class="box-title">{{ __('stock_adjustment.search_products') }}</h3>
            </div>
            <div class="box-body">
                <div class="row">
                    <div class="row">
                        <div class="col-sm-8 col-sm-offset-2">
                            <div class="form-group">
                                <div class="input-group">
                                    <span class="input-group-addon">
                                        <i class="fa fa-search"></i>
                                    </span>
                                    {!! Form::text('search_product', null, [
                                        'class' => 'form-control',
                                        'id' => 'search_product_for_stock_reorder',
                                        'placeholder' => __('re_order.search_product'),
                                        'autofocus',
                                    ]) !!}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-4 col-sm-offset-2 @if (!session('business.enable_brand')) hide @endif">
                        <div class="form-group">
                            {!! Form::select('brand_id', $brands, null, [
                                'placeholder' => 'Select Brand',
                                'class' => 'form-control select2 brand_id',
                            ]) !!}
                        </div>
                    </div>
                    <div class="col-sm-4 @if (!session('business.enable_category')) hide @endif">
                        <div class="form-group">
                            {!! Form::select('category_id', $categories, null, [
                                'placeholder' => 'Select Category',
                                'class' => 'form-control select2 category_id',
                            ]) !!}
                        </div>
                    </div>
                </div>

            </div>
        </div>

        <div class="row">
            <div class="col-md-12">
                @component('components.widget', ['class' => 'box-primary'])
                    <input type="hidden" id="location_count" value="{{ count($locations_for_table_headers) - 1 }}">
                    <input type="hidden" id="total_amount" name="final_total" value="0">
                    <div class="table-responsive">
                        <table class="table table-bordered table-striped" id="stock_reorder_product_table">
                            <thead>
                                <tr class="bg-green">
                                    <th class="col-sm-4 text-center"
                                        style="position: sticky;
                                            top: 0;
                                            z-index: 999;">
                                        @lang('sale.product')
                                    </th>
                                    <th class="col-sm-2 text-center"
                                        style="position: sticky;
                                            top: 0;
                                            z-index: 999;">
                                        @lang('re_order.current_stock')
                                    </th>
                                    @if ($is_admin)
                                        @foreach ($locations as $form_location)
                                            @if ($default_location->id != $form_location->id)
                                                <th class="col-sm-2 text-center"
                                                    style="position: sticky;
                                                        top: 0;
                                                        z-index: 999;">
                                                    ({{ $form_location->name }})
                                                </th>
                                            @endif
                                        @endforeach
                                    @else
                                        @foreach ($locations_for_table_headers as $business_location)
                                            @if ($default_location->id != $business_location->id)
                                                <th class="col-sm-2 text-center"
                                                    style="position: sticky;
                                                        top: 0;
                                                        z-index: 999;">
                                                    {{ $business_location->location->name }}
                                                </th>
                                            @endif
                                        @endforeach
                                    @endif
                                    <th class="col-sm-2 text-center"
                                        style="position: sticky;
                                            top: 0;
                                            z-index: 999;">
                                        <i class="fa fa-trash" aria-hidden="true"></i>
                                    </th>
                                    <th hidden
                                        style="position: sticky;
                                            top: 0;
                                            z-index: 999;">
                                        #</th>
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                @endcomponent
            </div>
            <br><br>
            <div class="row action_area">
                {!! Form::hidden('is_save_and_print_1', 0, ['id' => 'is_save_and_print_1']) !!}
                {!! Form::hidden('is_save_and_print_2', 0, ['id' => 'is_save_and_print_2']) !!}
                <div class="col-sm-12 text-center">
                    <button type="button" id="submit-form" class="btn btn-primary btn-big">@lang('messages.save')</button>
                    <button type="button" id="save-and-print_1" class="btn btn-success btn-big print-invoice">Save and
                        print 1</button>
                    <button type="button" id="save-and-print_2" class="btn btn-success btn-big print-invoice">Save and
                        print 2</button>
                </div>
            </div>
            <div class="row redirect_area hide">
                <div class="col-sm-12 text-center">
                    <a href="{{ action('StockReOrderController@index') }}" class="btn btn-primary btn-big">Go Back</a>
                </div>
            </div>
        </div>
        {{-- </div> --}}
        <!--box end-->
        {!! Form::close() !!}
    </section>
    <!-- This will be printed -->
    <section class="invoice print_section" id="receipt_section">
    </section>
@stop
@section('javascript')
    <script src="{{ asset('js/stock_reorder.js?v=' . $asset_v) }}"></script>
    <script src="{{ asset('js/report.js?v=' . $asset_v) }}"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            __page_leave_confirmation('#stock_re_order_form');
        });
    </script>
@endsection