Subversion Repositories SmartDukaan

<style>
    .imei-modal-container {
        font-size: 13px;
        padding: 10px;
    }

    .imei-modal-container .table {
        font-size: 12px;
        margin-bottom: 10px;
    }

    .imei-modal-container .table th {
        background-color: #f5f5f5;
        font-size: 11px;
        padding: 6px 8px;
    }

    .imei-modal-container .table td {
        padding: 5px 8px;
    }

    .imei-modal-container h4 {
        font-size: 14px;
        color: #4169e1;
        margin: 10px 0 8px 0;
        padding-bottom: 5px;
        border-bottom: 1px solid #ddd;
    }

    .imei-modal-container .section-title {
        font-size: 13px;
        font-weight: 600;
        color: #4169e1;
        text-align: center;
        margin: 8px 0;
    }

    .imei-modal-container .net-margin {
        font-size: 14px;
        font-weight: 600;
        color: #28a745;
        margin: 5px 0 10px 0;
    }

    .imei-modal-container .retailer-name {
        background-color: #d4edda;
        color: #155724;
        padding: 3px 8px;
        border-radius: 3px;
        font-weight: 500;
    }

    .imei-modal-container .model-name {
        font-weight: 600;
        color: #333;
    }

    .imei-search-box {
        margin-bottom: 15px;
        padding: 10px;
        background: #f8f9fa;
        border-radius: 5px;
    }

    .imei-modal-container .model-info {
        background: #e3f2fd;
        padding: 8px 12px;
        border-radius: 4px;
        margin-bottom: 10px;
        font-size: 13px;
    }

    .imei-modal-container .model-info .model-name-title {
        font-weight: 600;
        color: #1565c0;
    }

    .imei-modal-container .price-info {
        display: inline-block;
        margin-left: 15px;
        color: #333;
    }

    .imei-modal-container .alert-info {
        font-size: 11px;
        padding: 8px;
        margin-bottom: 10px;
    }

    .imei-modal-container .result-header {
        background: #e8f5e9;
        padding: 8px 12px;
        border-radius: 4px;
        margin-bottom: 10px;
        font-weight: 600;
        color: #2e7d32;
    }
</style>

<div class="imei-modal-container">
    <div class="imei-search-box">
        <div class="row">
            <div class="col-md-5">
                <div class="form-inline">
                    <div class="form-group">
                        <label style="margin-right: 10px; font-weight: 500;">IMEI Margin:</label><br>
                        <div class="input-group">
                            <input type="text" class="form-control input-sm"
                                   id="modal-imei-search-text" autocomplete="off"
                                   placeholder="Enter IMEI Number" style="width: 200px;"/>
                            <span class="input-group-btn">
                                <button class="btn btn-primary btn-sm"
                                        id="modal-imei-search-button" type="button">Search</button>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-7">
                <div class="form-inline">
                    <div class="form-group">
                        <label style="margin-right: 10px; font-weight: 500;">Model Margin:</label><br>
                        <div class="input-group">
                            <input type="date" class="form-control input-sm modal-schemes-date"
                                   value="${date}" style="width: 130px;"/>
                        </div>
                        <div class="input-group" style="margin-left: 5px;">
                            <input type="text" class="form-control input-sm"
                                   id="modal-model-search-text" autocomplete="off"
                                   placeholder="Search Model" style="width: 150px;"/>
                            <span class="input-group-btn">
                                <button class="btn btn-primary btn-sm"
                                        id="modal-model-search-button" type="button">Go</button>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Container for Model-wise margin results -->
    <div class="modal-model-margin-container" style="display: none;"></div>

    <!-- Container for IMEI-wise margin results -->
    <div class="modal-imei-margin-container">
        <div class="text-center" style="padding: 30px; color: #666;">
            <i class="fa fa-search fa-2x" style="margin-bottom: 10px;"></i>
            <p>Search by IMEI number or select Model & Date to check margin details</p>
        </div>
    </div>
</div>