@extends('layouts.app')

@section('title', 'Edit Car Sale')

@section('content')
<div class="container">
    <h2 class="mb-4">Edit Sale for: {{ $sale->make }} {{ $sale->model }}</h2>


    <form action="{{ route('update.sale.info', $sale->id) }}" method="POST">
    @csrf
    @method('PUT') <!-- This will spoof the PUT method -->
        {{-- Date Field --}}
        <div class="mb-3">
            <label for="date">Date of Sale</label>
            <input type="date" name="date" id="date" class="form-control" value="{{ old('date', $sale->date) }}" required>
        </div>

        <input type="hidden" name="car_id" value="{{ $sale->car_id }}">
        <input type="hidden" name="make" value="{{ $sale->make }}">
        <input type="hidden" name="model" value="{{ $sale->model }}">
        <input type="hidden" name="reg_year" value="{{ $sale->reg_year }}">
        <input type="hidden" name="chassis_no" value="{{ $sale->chassis_no }}">
        <input type="hidden" name="engine_no" value="{{ $sale->engine_no }}">
        <input type="hidden" name="registered_city" value="{{ $sale->registered_city }}">
        <input type="hidden" name="transmission" value="{{ $sale->transmission }}">
        <input type="hidden" name="color" value="{{ $sale->color }}">
        <input type="hidden" name="registration_no" value="{{ $sale->registration_no }}">

        <h4>Seller Information</h4>
        <div class="mb-3">
            <label>Seller Name</label>
            <input type="text" name="seller_name" class="form-control" value="{{ old('seller_name', $sale->seller_name) }}" required>
        </div>
        <div class="mb-3">
            <label>Seller CNIC</label>
            <input type="text" name="seller_cnic" class="form-control cnic-format" value="{{ old('seller_cnic', $sale->seller_cnic) }}" required>
        </div>
        <div class="mb-3">
            <label>Seller Phone</label>
            <input type="text" name="seller_phone" class="form-control" value="{{ old('seller_phone', $sale->seller_phone) }}" required>
        </div>
        <div class="mb-3">
            <label>Seller Address</label>
            <input type="text" name="seller_address" class="form-control" value="{{ old('seller_address', $sale->seller_address) }}" required>
        </div>

        <div class="mb-3">
            <label>Witness Name</label>
            <input type="text" name="seller_witness_name" value="{{ old('seller_witness_name', $sale->seller_witness_name) }}" class="form-control" required>
        </div>
        <div class="mb-3">
            <label>Witness CNIC</label>
            <input type="text" name="seller_witness_cnic" class="form-control cnic-format" value="{{ old('seller_cnic', $sale->seller_witness_cnic) }}" required>
        </div>

        <h4>Buyer Information</h4>
        <div class="mb-3">
            <label>Buyer Name</label>
            <input type="text" name="buyer_name" class="form-control" value="{{ old('buyer_name', $sale->buyer_name) }}" required>
        </div>
        <div class="mb-3">
            <label>Buyer CNIC</label>
            <input type="text" name="buyer_cnic" class="form-control cnic-format" value="{{ old('buyer_cnic', $sale->buyer_cnic) }}" required>
        </div>
        <div class="mb-3">
            <label>Buyer Phone</label>
            <input type="text" name="buyer_phone" class="form-control" value="{{ old('buyer_phone', $sale->buyer_phone) }}" required>
        </div>
        <div class="mb-3">
            <label>Buyer Address</label>
            <input type="text" name="buyer_address" class="form-control" value="{{ old('buyer_address', $sale->buyer_address) }}" required>
        </div>

        <div class="mb-3">
            <label>Witness Name</label>
            <input type="text" name="buyer_witness_name" class="form-control" value="{{ old('buyer_witness_name', $sale->buyer_witness_name) }}" required>
        </div>
        <div class="mb-3">
            <label>Witness CNIC</label>
            <input type="text" name="buyer_witness_cnic" class="form-control cnic-format" value="{{ old('buyer_witness_cnic', $sale->buyer_witness_cnic) }}" required>
        </div>

        <h4>Sale Details</h4>

        <div class="form-group">
            <label for="khan_motors">Khan Motors Car:</label>
            <input type="checkbox" id="khan_motors" name="khan_motors" value="1" {{ old('khan_motors', $sale->khan_motors) ? 'checked' : '' }}>
        </div>

        <div class="mb-3">
            <label for="purchase_price">Purchase Price:</label>
            <input type="text" id="purchase_price" name="purchase_price" class="form-control" value="{{ old('purchase_price', $sale->purchase_price) }}" required>
        </div>


        <div class="mb-3">
            <label>Sold Price</label>
            <input type="number" name="soled_price" class="form-control" value="{{ old('soled_price', $sale->soled_price) }}" required>
        </div>
        <div class="mb-3">
            <label>Received Amount</label>
            <input type="number" name="received_amount" class="form-control" value="{{ old('received_amount', $sale->received_amount) }}" required>
        </div>

        <!-- <div class="mb-3">
            <label>Remaining Payment</label>
            <input type="number" name="remaining_payment" class="form-control" value="{{ old('remaining_payment', $sale->remaining_payment) }}" readonly>
        </div> -->

        <button type="submit" class="btn btn-primary">Update Sale Information</button>
    </form>
</div>
@endsection
<script>
    document.addEventListener('DOMContentLoaded', function () {
        document.querySelectorAll('.cnic-format').forEach(function (input) {
            input.addEventListener('input', function (e) {
                let value = e.target.value.replace(/\D/g, ''); // Remove non-digits

                if (value.length >= 5 && value.length <= 12) {
                    value = value.slice(0, 5) + '-' + value.slice(5);
                }
                if (value.length > 12) {
                    value = value.slice(0, 5) + '-' + value.slice(5, 12) + '-' + value.slice(12, 13);
                }

                e.target.value = value;
            });
        });
    });
</script>