@extends('layout.backend')

@section('title', 'Novo pedido de material')

@section('scripts')
    @parent
    @vite(['resources/js/material-requests.js'])
@endsection

@section('content')
<div class="card shadow mb-4">
    <div class="card-header py-3">
        <h6 class="m-0 font-weight-bold text-primary">Novo pedido de material</h6>
    </div>

    <div class="card-body">
        @if($errors->any())
            <div class="alert alert-danger">
                <strong>ATENÇÃO:</strong>
                <ul class="mb-0 mt-1">
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        {!! Form::open(['url' => route('material-requests.store'), 'autocomplete' => 'off']) !!}

        <div class="row">
            <div class="col-md-4 form-group">
                <label>Local de entrega</label>
                {!! Form::select('region_id', $regions, '', ['id' => 'region_id', 'class' => 'form-control' . ($errors->has('region_id') ? ' is-invalid' : '')]) !!}
                @error('region_id')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
                <div class="custom-control custom-checkbox mt-2">
                    {!! Form::checkbox('send_to_secretary', 1, true, ['class' => 'custom-control-input', 'id' => 'send_to_secretary']) !!}
                    <label class="custom-control-label" for="send_to_secretary">Enviar para o secretário</label>
                </div>
            </div>
            <div class="col-md-8 form-group">
                <label>Endereço de entrega de material</label>
                <div id="delivery-address-box" class="alert alert-light border mb-0 py-2 small">
                    <i class="fas fa-map-marker-alt mr-1"></i>
                    <span id="delivery-address-text" class="text-muted">Selecione o local de entrega.</span>
                </div>
            </div>
        </div>

        <hr>
        <h6 class="font-weight-bold text-primary mb-3">Itens do pedido</h6>

        <div class="table-responsive">
            <table class="table table-bordered">
                <thead class="thead-light">
                    <tr>
                        <th>Item</th>
                        <th style="width:120px">Quantidade</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($items as $item)
                        @php
                            $selectedQty = old("items.$item->id.quantity", 0);
                        @endphp
                        <tr>
                            <td>
                                <strong>{{ $item->slug }}</strong> — {{ $item->name }}
                            </td>
                            <td>
                                {!! Form::hidden("items[$item->id][material_item_id]", $item->id) !!}
                                {!! Form::number("items[$item->id][quantity]", $selectedQty, ['class' => 'form-control', 'min' => 0, 'max' => 9999, 'step' => 1]) !!}
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

        <div class="mt-4">
            <button type="submit" class="btn btn-primary">
                <i class="fas fa-save mr-1"></i> Salvar
            </button>
            <a href="{!! route('material-requests.index') !!}" class="btn btn-secondary">Cancelar</a>
        </div>

        {!! Form::close() !!}
    </div>
</div>
@endsection

@push('endBodyScripts')
<script>window.deliveryAddresses = @json($regionsData ?? []);</script>
@endpush