@extends('layouts.app')
@section('title', __('lang_v1.stock_transfers'))

@section('content')

<!-- Content Header (Page header) -->
<section class="content-header no-print">
    <h1>@lang('lang_v1.stock_transfers')
    </h1>
</section>
<style>
    #btnSearch{
        margin-top: 25px;
    }
</style>
<!-- Main content -->
<section class="content no-print">
    @component('components.widget', ['class' => 'box-primary', 'title' => __('lang_v1.all_stock_transfers')])
    <div class="row">
        <div class="col-md-12">
            @component('components.filters', ['title' => __('report.filters')])
        
            <div class="col-md-3">
                <div class="form-group">
                 <!-- <label>Date</label>
                  <div id="purchase_date_range" name="purchase_date_range" class="pull-left form-control" >
                        <i class="glyphicon glyphicon-calendar fa fa-calendar"></i>&nbsp;
                        <span></span> <b class="caret"></b>
                    </div>  -->
                    {!! Form::label('purchase_date_range', __('report.date_range') . ':') !!}
                {!! Form::text('purchase_date_range', null, ['placeholder' => __('lang_v1.select_a_date_range'), 'class' => 'form-control']); !!} 

                </div>
            </div>
      
            @php
            $permitted_locations = auth()->user()->permitted_locations();
            @endphp
            <div class="col-md-3">
                <div class="form-group">
                    <label>Location From</label>
                    <select class='form-control' id="location_from" data-live-search="true">
                    @if ($permitted_locations != 'all')
                        <!-- Options based on permitted locations will be dynamically populated -->
                        @else
                        <option value="all">All</option>
                        <!-- Additional options or default behavior if 'all' is permitted -->
                        @endif
                        @foreach($StocktransferLocationFroms as $StocktransferLocationFrom)
                        <option value='{{$StocktransferLocationFrom->location_id}}'>{{$StocktransferLocationFrom->name}} {{$StocktransferLocationFrom->location_id}}</option>
                        @endforeach
                    </select>
                </div>
            </div>
        
            <div class="col-md-3">
                <div class="form-group">
                    <label>Location To</label>
                    <select class='form-control' id="location_to" data-live-search="true" data-live-search-style="startsWith">
                        @if ($permitted_locations != 'all')
                        <!-- Options based on permitted locations will be dynamically populated -->
                        @else
                        <option value="all">All</option>
                        <!-- Additional options or default behavior if 'all' is permitted -->
                        @endif

                        @foreach($StocktransferLocationFroms as $StocktransferLocationFrom)
                        <option value='{{$StocktransferLocationFrom->location_id}}'>{{$StocktransferLocationFrom->name}} {{$StocktransferLocationFrom->location_id}}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="col-md-2">
                <div class="form-group">
                    <label>Status</label>
                    <select class='form-control' id="filter_status">
                        <option value='all'>All</option>
                        <option value='final'>Completed</option>
                        <option value='received'>Received</option>
                    </select>
                </div>
            </div>
            <div class="col-md-1">
            <div class="form-group">
            
                  <!-- <button type="button" class="btn btn-block btn-info" data-href="" data-container="" id="btnSearch">
                     <i class="fa fa-search"></i> </button>
               -->
            </div>
         </div>
            @endcomponent




        </div>
    </div>
    @slot('tool')
    <div class="box-tools">
        <a class="btn btn-block btn-primary" href="{{action([\App\Http\Controllers\StockTransferController::class, 'create'])}}">
            <i class="fa fa-plus"></i> @lang('messages.add')</a>
    </div>
    @endslot
    <div class="table-responsive">
        <table class="table table-bordered table-striped ajax_view" id="stock_transfer_table">
            <thead>
                <tr>
                    <th>@lang('messages.date')</th>
                    <th>@lang('purchase.ref_no')</th>
                    <th>@lang('lang_v1.location_from')</th>
                    <th>@lang('lang_v1.location_to')</th>
                    <th>@lang('sale.status')</th>
                    <th>@lang('lang_v1.shipping_charges')</th>
                    <th>@lang('stock_adjustment.total_amount')</th>
                    <th>@lang('purchase.additional_notes')</th>
                    <th>@lang('messages.action')</th>
                </tr>
            </thead>
        </table>
    </div>
    @endcomponent
</section>

@include('stock_transfer.partials.update_status_modal')

<section id="receipt_section" class="print_section"></section>

<!-- /.content -->
@stop
@section('javascript')
<script src="{{ asset('js/stock_transfer.js?v=' . $asset_v) }}"></script>
@endsection