@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 Job Expense
        </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">Job Expense</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" >Create Job Expense Form</h4>
            </header>
            <div class="card-body">
<!--<form method="post" action="{{ URL::to('admin/expense/store') }}">-->
    @csrf

    <div class="row">
        <!-- Job Number -->
        <div class="form-group col-md-4">
            <label for="job_number">Job Number</label>
            <select class="form-control jobnumbernew" name="job_number" id="job_number">
                <option value="">Select Job Number</option>
            </select>
            @error('job_number')
                <span class="text-danger">{{ $message }}</span>
            @enderror
        </div>

        <!-- Customer -->
        <div class="form-group col-md-4">
            <label for="customer">Customer</label>
            <input type="text" name="customer" id="customer" class="form-control" value="{{ old('customer') }}" required>
            @error('customer')
                <span class="text-danger">{{ $message }}</span>
            @enderror
        </div>

        <!-- BL Number -->
        <div class="form-group col-md-4">
            <label for="bl_number">BL Number</label>
            <input type="text" name="bl_number" id="bl_number" class="form-control" value="{{ old('bl_number') }}" required>
            @error('bl_number')
                <span class="text-danger">{{ $message }}</span>
            @enderror
        </div>

        <!-- Bill Number -->
        <div class="form-group col-md-4">
            <label for="bill_number">Bill Number</label>
            <input type="text" name="bill_number" id="bill_number" class="form-control" value="{{ old('bill_number') }}" required>
            @error('bill_number')
                <span class="text-danger">{{ $message }}</span>
            @enderror
        </div>

        <!-- Check Number -->
        <div class="form-group col-md-4">
            <label for="check_number">Check Number</label>
            <input type="text" name="check_number" id="check_number" class="form-control" value="{{ old('check_number') }}" required>
            @error('check_number')
                <span class="text-danger">{{ $message }}</span>
            @enderror
        </div>

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

        <!-- Vendor -->
        <div class="form-group col-md-4">
            <label for="vendor">Vendor</label>
            <input type="text" name="vendor" id="vendor" class="form-control" value="{{ old('vendor') }}" required>
            @error('vendor')
                <span class="text-danger">{{ $message }}</span>
            @enderror
        </div>

        <!-- Expense Category -->
        <div class="form-group col-md-4">
            <label for="expense_category_id">Category</label>
            <select name="expense_category_id" id="expense_category_id" class="form-control category" required>
                <option value="" disabled selected>Select Category</option>
            </select>
            @error('expense_category_id')
                <span class="text-danger">{{ $message }}</span>
            @enderror
        </div>

        <!-- Debit / Credit -->
        <div class="form-group col-md-4">
            <label for="debit_credit">Debit / Credit</label>
            <select name="debit_credit" id="debit_credit" class="form-control" required>
                <option value="debit">Debit</option>
                <option value="credit">Credit</option>
            </select>
            @error('debit_credit')
                <span class="text-danger">{{ $message }}</span>
            @enderror
        </div>

        <!-- Amount -->
        <div class="form-group col-md-4">
            <label for="amount">Amount</label>
            <input type="number" name="amount" id="amount" class="form-control" step="0.01" min="0" value="{{ old('amount') }}" required>
            @error('amount')
                <span class="text-danger">{{ $message }}</span>
            @enderror
        </div>

        <!-- Bank -->
        <div class="form-group col-md-4">
            <label for="account_id">Bank</label>
            <select name="account_id" id="account_id" class="form-control account" required>
            </select>
            @error('account_id')
                <span class="text-danger">{{ $message }}</span>
            @enderror
        </div>

        <!-- Date -->
        <div class="form-group col-md-4">
            <label for="date_time">Date / Time</label>
            <input type="datetime-local" name="date_time" id="date_time" class="form-control" value="{{ old('date_time') }}" required>
            @error('date_time')
                <span class="text-danger">{{ $message }}</span>
            @enderror
        </div>

        <!-- Remark (Description) -->
        <div class="form-group col-md-12">
            <label for="description">Remark</label>
            <textarea name="description" id="description" class="form-control" rows="3">{{ old('description') }}</textarea>
            @error('description')
                <span class="text-danger">{{ $message }}</span>
            @enderror
        </div>

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


            

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

@section('js')
<script>


</script>
    
@endsection