@section('activity-modal-title')
    <h6 id="modal-add-title" class="modal-add-title mt-1" style="font-weight: normal"></h6>
@endsection

@section('activity-modal-content')
    <form id="form-add-activity">
        @csrf
        <div class="form-group row">
            <label for="ticketName" class="col-sm-2 col-form-label">Ticket Name:</label>
            <div class="col-sm-10">
                <label name="ticketName" id="ticketName"
                       class="form-control" readonly=""
                       style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap"></label>
            </div>
        </div>
        <div class="form-group row">
            <label for="entity" class="col-sm-2 col-form-label">Entity:</label>
            <div class="col-sm-10">
                <select name="entity" id="entity" class="form-control select2" required>
                </select>
            </div>
        </div>
        <div class="form-group row">
            <label for="brand" class="col-sm-2 col-form-label">Brand:</label>
            <div class="col-sm-10">
                <select name="brand" id="brand" class="form-control select2" required>
                </select>
            </div>
        </div>
        {{--<div class="form-group row">
            <label for="resource" class="col-sm-2 col-form-label">Resource:</label>
            <div class="col-sm-10">
                <select name="resource" id="resource" class="form-control select2" required>
                    <option value="">Select Resource</option>
                </select>
            </div>
        </div>--}}

        <div class="form-group row">
            <label for="type" class="col-sm-2 col-form-label">Type:</label>
            <div class="col-sm-10">
                <select name="type" id="type" class="form-control select2" required>
                </select>
            </div>
        </div>
        <div class="form-group row">
            <label for="activityDate" class="col-sm-2 col-form-label">Date:</label>
            <div class="col-sm-10">
                <input type="date" name="activityDate" id="activityDate" class="form-control" max='{{date('Y-m-d')}}'
                       value="2025-08-22" min="2017-01-01" max="2025-08-22" required>
            </div>
        </div>
        <div class="form-group row">
            <label for="activity" class="col-sm-2 col-form-label">Activity:</label>
            <div class="col-sm-10">
                <textarea name="activity" id="activity" class="form-control" rows="4" required></textarea>
            </div>
        </div>
        <div class="form-group row">
            <label for="hours" class="col-sm-2 col-form-label">Hours:</label>
            <div class="col-sm-10">
                <input type="number" name="hours" id="hours" class="form-control" step="0.01" required>
            </div>
        </div>
        <div class="form-group row">
            <label for="is_billable" class="col-sm-2 col-form-label">Billable</label>
            <div class="col-sm-10" style="margin-top: 8px">
                <input class="checkbox" type="checkbox" name="is_billable" id="is_billable">
            </div>
        </div>
        <input id="id" name="id" value="" hidden>
        <input id="ticket_id" name="ticket_id" value="" hidden>
    </form>
@endsection