@extends('layouts.main')
@section('content')

<h2>{{ $title }}</h2>
<hr> 
    <form action="{{ route('bad_debts.store') }}" method="post">
        @csrf
        <label for="main_sale_id">Select Invoice</label>
        <select name="main_sale_id" id="main_sale_id" class="form-control">
            <option value=""></option>
            @foreach($main_sales as $main_sale)
                <option value="{{ $main_sale->id }}">{{ "Invoice id: ".$main_sale->id." | Customer: ".$main_sale->customer->name." - ".$main_sale->customer->phone_number }}| Balance: UGX {{ number_format($main_sale->balance($main_sale->id)) }}</option>
            @endforeach
        </select>

        <label for="date_written_off">Date written off</label>
        <input type="date" name="date_written_off" class="form-control" value="{{ date('Y-m-d') }}">

        <label for="amount">Amount signed off</label>
        <input type="number" class="form-control" name="amount">

        <hr>

        <button class="btn btn-dark" type="submit">Save</button>
    </form>
@endsection

@push('scripts')
    <script>
        $("#main_sale_id").chosen({
            width:"100%"
        })
    </script>
@endpush