@extends('layouts.app')

@section('main-content')

<div class="container-fluid p-0">
    <nav class="page-breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Home</a></li>
            <li class="breadcrumb-item"><a href="{{ route('reports.purchase') }}">Purchase Report</a></li>
            <li class="breadcrumb-item">Edit GRN</li>
        </ol>
    </nav>
    <h1 class="h3 mb-3"><strong>Edit</strong> GRN</h1>
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title mb-0">Receive Stocks</h5>
                </div>
                <div class="card-body">
                    @if ($errors->any())
                    <div class="alert alert-danger p-2 pb-0">
                        <ul class="list-unstyled">
                            @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                    @endif
                    <form id="forms-inventory" method="POST" action="{{ route('inventories.update', $inventory) }}">
                        @csrf
                        @method('PATCH')
                        <div class="row mb-3">
                            <label for="do_number" class="col-sm-3 col-form-label">DO Number</label>
                            <div class="col-sm-9">
                                {{ $inventory->reference_id }}
                                <!-- <input type="text" class="form-control" id="do_number" name="do_number" placeholder="DO Number" required autofocus autocomplete="off" value="{{ $inventory->reference_id }}" autocapitalize="characters"> -->
                            </div>
                        </div>
                        <div class="row mb-3">
                            <label for="name" class="col-sm-3 col-form-label">Vendor Name</label>
                            <div class="col-sm-9">
                                {{ $vendors->name }}
                            </div>
                        </div>
                        <div class="row mb-3">
                            <label for="name" class="col-sm-3 col-form-label">Product Name</label>
                            <div class="col-sm-9">
                                {{  $products->name }}
                            </div>
                        </div>
                        <div class="row mb-3">
                            <label for="name" class="col-sm-3 col-form-label">Storage</label>
                            <div class="col-sm-9">
                            <select name="storage" id="storage" class="form-control">
                                    <option value="">--Select Storage Name--</option>
                                    @foreach($storages as $storage)
                                    <option value="{{ $storage->id }}" @selected($storage->id === $inventory->location_id) >{{ $storage->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="row mb-3">
                            <label for="quantity" class="col-sm-3 col-form-label">Unit Price</label>
                            <div class="col-sm-9">
                                <input type="text" name="unit_price" class="form-control" value="{{ number_format($inventory->unit_price, 2) }}">
                            </div>
                        </div>
                        <div class="row mb-3">
                            <label for="quantity" class="col-sm-3 col-form-label">Quantity</label>
                            <div class="col-sm-9">
                                <input type="text" name="quantity" class="form-control" value="{{ $inventory->quantity_in }}">
                            </div>
                        </div>
                        <!-- <div class="row mb-3">
                            <label for="contact" class="col-sm-3 col-form-label">Onhand Quantity</label>
                        </div> -->
                        <div class="row mb-3">
                            <div class="col-sm-3 offset-sm-3">
                                <button type="submit" class="btn btn-primary me-2">
                                    <i class="align-middle" data-feather="save"></i><span class="align-middle"> Submit</span>
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection