<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
        <span aria-hidden="true">&times;</span></button>
    {{-- <h4 class="modal-title">Update Close Trip #
        <span class="badge" id="receivedAcTripNo">{{ $trip->id }}</span>
        Veh:
        <span class="badge badge-color2" id="receivedAcVeh">{{ $trip->vehicle->vehicle_no }}</span>
        Dates:
        <span class="badge badge-color3"
              id="receivedAcDates">{{ date('F j,Y', strtotime($trip->starting_date)) }}</span>

    </h4> --}}
</div>
<div class="modal-body">
    <form id="closeTripForm">
        <div class="row">
            <div class="col-md-4">
                <div class="form-group">
                    <label for="received_from_id">Start Meter Reading:<span class="text-danger">*</span></label>
                    <input type="text" id="start_meter_reading"  class="form-control change_focus" data-id="end_meter_reading" value="{{ $trip->start_reading }}" readonly>
                    <span class="text-danger r_error" id="meter_reading_error"></span>
                </div>
            </div>
            <div class="col-md-4">
                <div class="form-group">
                    <label for="received_from_id">End Meter Reading:<span class="text-danger">*</span></label>
                    <input type="text" value="{{ $trip->end_reading }}" class="form-control change_focus" data-id="closing_date" name="meter_reading" id="end_meter_reading">
                    <span class="text-danger r_error" id="meter_reading_error"></span>
                </div>
            </div>
            <div class="col-md-4">
                <div class="form-group">
                    <label for="received_amount">Closing Date: <span class="text-danger">*</span></label>
                    <input type="date" value="{{ $trip->ending_date }}" id="closing_date"  name="closing_date" class="form-control">
                    <span class="text-danger r_error" id="closing_date_error"></span>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <span class="text-danger error" id="older_slip_date_error"></span>
            </div>
        </div>
        <div class="row mt-2">
            <div class="col-md-5">
                <div class="form-group">
                    <label for="remark">Remarks:</label>
                    <textarea rows="2" cols="10" id="remark" name="remarks" class="form-control"></textarea>
                    <span class="text-danger r_error" id="remarks_error"></span>

                </div>
            </div>
        </div>
        @csrf
        <input type="hidden" name="trip_id" value="{{ $trip->id }}">
        <button type="submit" class="btn btn-success
        </button>
    </form>


</div>
