@extends('layouts.app')
@section('title', __('Physical Stock Verification'))

@section('content')
<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>{{ __('Make Physical Stock Zero') }}</h1>
</section>

<!-- Main content -->
<section class="content">
    <div class="box">
        <div class="box-body">
            @if (session('success'))
            <div id="success-alert" class="alert alert-success">
                {{ session('success') }}
            </div>
            @endif

            @if (session('error'))
            <div id="error-alert" class="alert alert-danger">
                {{ session('error') }}
            </div>
            @endif
            @can('brand.view')
            {!! Form::open(['url' => action([\App\Http\Controllers\StockUpdationController::class, 'manualStockAdjustmentStore']), 'method' => 'post']) !!}

            @csrf

            <div class="row">
                <div class="col-sm-3">
                    <div class="form-group">
                        {!! Form::label('location_id', __('sale.location') . ':*') !!}
                        {!! Form::select('location_id', $locations, null, [
                        'placeholder' => __('messages.please_select'),
                        'class' => 'form-control select2 location_id',
                        'required'
                        ]) !!}
                    </div>
                </div>

                <div class="col-sm-3 d-flex align-items-end">
                    <button type="submit" id="adjust_stock_btn" class="btn btn-primary " style="margin-top:24px;">{{ __('Make stock Zero (0)') }}</button>
                </div>
            </div>

            {!! Form::close() !!}
            @endcan
        </div>
    </div>
</section>
<script>
    // Hide success alert after 20 seconds
    setTimeout(function() {
        var successAlert = document.getElementById('success-alert');
        if (successAlert) {
            successAlert.style.display = 'none';
        }
    }, 10000);

    // Hide error alert after 10 seconds
    setTimeout(function() {
        var errorAlert = document.getElementById('error-alert');
        if (errorAlert) {
            errorAlert.style.display = 'none';
        }
    }, 10000);
</script>
@endsection