@extends('admin.partials.layout')
@section('css')
<style>
    .invalid-feedback{
      display: block;
   }
</style>
@endsection

@section('content')
<div class="row page-titles">
    <div class="col-md-5 align-self-center">
        <h4 class="text-themecolor">Create Vendor Payable
        Payable</h4>
    </div>
    <div class="col-md-7 align-self-center text-end">
        <div class="d-flex justify-content-end align-items-center">
            <ol class="breadcrumb justify-content-end">
                <li class="breadcrumb-item"><a href="javascript:void(0)">Home</a></li>
                <li class="breadcrumb-item active">Vendors Payable</li>
            </ol>
        </div>
    </div>
</div>


<div class="row">
    <div class="col-lg-12">
        <section class="card">
            <header class="card-header bg-info">
                <h4 class="mb-0 text-white" >Edit Vendor Payable Form</h4>
            </header>
            <div class="card-body">
<form method="post" action="{{ URL::to('admin/vendorpayable/'.Crypt::encryptString($vendorPayable->id)) }}">
    @csrf
    @method('PUT')

    <div class="row">
        <!-- Consignment -->
        <div class="col-md-4">
            <div class="form-group">
                <label for="consignment_id">Consignment</label>
                <select name="consignment_id" id="consignment_id" class="form-control jobnumbernew @error('consignment_id') is-invalid @enderror">
                    <option value="">Select Consignment</option>
                    @foreach($consignments as $consignment)
                        <option value="{{ $consignment->id }}" {{ old('consignment_id', $vendorPayable->consignment_id) == $consignment->id ? 'selected' : '' }}>
                            {{ $consignment->job_number_prefix }}
                        </option>
                    @endforeach
                </select>
                @error('consignment_id')
                    <p class="text-danger">{{ $message }}</p>
                @enderror
            </div>
        </div>

        <!-- Vendor -->
        <div class="col-md-4">
            <div class="form-group">
                <label for="vendor_id">Vendor</label>
                <select name="vendor_id" id="vendor_id" class="form-control vendor @error('vendor_id') is-invalid @enderror">
                    <option value="">Select Vendor</option>
                    @foreach($vendors as $vendor)
                        <option value="{{ $vendor->id }}" {{ old('vendor_id', $vendorPayable->vendor_id) == $vendor->id ? 'selected' : '' }}>
                            {{ $vendor->vendor_name }}
                        </option>
                    @endforeach
                </select>
                @error('vendor_id')
                    <p class="text-danger">{{ $message }}</p>
                @enderror
            </div>
        </div>

        <!-- Account -->
        <div class="col-md-4">
            <div class="form-group">
                <label for="account_id">Account</label>
                <select name="account_id" id="account_id" class="form-control account @error('account_id') is-invalid @enderror">
                    <option value="">Select Account</option>
                    @foreach($accounts as $account)
                        <option value="{{ $account->id }}" {{ old('account_id', $vendorPayable->account_id) == $account->id ? 'selected' : '' }}>
                            {{ $account->account_name }}
                        </option>
                    @endforeach
                </select>
                @error('account_id')
                    <p class="text-danger">{{ $message }}</p>
                @enderror
            </div>
        </div>

        <!-- Amount -->
        <div class="col-md-4">
            <div class="form-group">
                <label for="amount">Amount</label>
                <input type="text" name="amount" id="amount" class="form-control @error('amount') is-invalid @enderror"
                    placeholder="Enter amount" value="{{ old('amount', $vendorPayable->amount) }}">
                @error('amount')
                    <p class="text-danger">{{ $message }}</p>
                @enderror
            </div>
        </div>

        <!-- Date -->
        <div class="col-md-4">
            <div class="form-group">
                <label for="date">Date</label>
                <input type="date" name="date" id="date" class="form-control @error('date') is-invalid @enderror"
                    value="{{ old('date', $vendorPayable->date) }}">
                @error('date')
                    <p class="text-danger">{{ $message }}</p>
                @enderror
            </div>
        </div>

        <!-- Submit Button -->
        <div class="col-md-12 text-center">
            <button type="submit" class="btn btn-info">Update</button>
        </div>
    </div>
</form>

            </div>
        </section>
    </div>
</div>
@endsection

@section('js')

<script>

</script>
    
@endsection