Subversion Repositories SmartDukaan

Rev

Rev 35773 | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
35773 ranu 1 
<style>
2 
    .imei-modal-container {
3 
        font-size: 13px;
4 
        padding: 10px;
5 
    }
6 
 
7 
    .imei-modal-container .table {
8 
        font-size: 12px;
9 
        margin-bottom: 10px;
10 
    }
11 
 
12 
    .imei-modal-container .table th {
13 
        background-color: #f5f5f5;
14 
        font-size: 11px;
15 
        padding: 6px 8px;
16 
    }
17 
 
18 
    .imei-modal-container .table td {
19 
        padding: 5px 8px;
20 
    }
21 
 
22 
    .imei-modal-container h4 {
23 
        font-size: 14px;
24 
        color: #4169e1;
25 
        margin: 10px 0 8px 0;
26 
        padding-bottom: 5px;
27 
        border-bottom: 1px solid #ddd;
28 
    }
29 
 
30 
    .imei-modal-container .section-title {
31 
        font-size: 13px;
32 
        font-weight: 600;
33 
        color: #4169e1;
34 
        text-align: center;
35 
        margin: 8px 0;
36 
    }
37 
 
38 
    .imei-modal-container .net-margin {
39 
        font-size: 14px;
40 
        font-weight: 600;
41 
        color: #28a745;
42 
        margin: 5px 0 10px 0;
43 
    }
44 
 
45 
    .imei-modal-container .retailer-name {
46 
        background-color: #d4edda;
47 
        color: #155724;
48 
        padding: 3px 8px;
49 
        border-radius: 3px;
50 
        font-weight: 500;
51 
    }
52 
 
53 
    .imei-modal-container .model-name {
54 
        font-weight: 600;
55 
        color: #333;
56 
    }
57 
 
58 
    .imei-search-box {
59 
        margin-bottom: 15px;
60 
        padding: 10px;
61 
        background: #f8f9fa;
62 
        border-radius: 5px;
63 
    }
35775 ranu 64 
 
65 
    .imei-modal-container .model-info {
66 
        background: #e3f2fd;
67 
        padding: 8px 12px;
68 
        border-radius: 4px;
69 
        margin-bottom: 10px;
70 
        font-size: 13px;
71 
    }
72 
 
73 
    .imei-modal-container .model-info .model-name-title {
74 
        font-weight: 600;
75 
        color: #1565c0;
76 
    }
77 
 
78 
    .imei-modal-container .price-info {
79 
        display: inline-block;
80 
        margin-left: 15px;
81 
        color: #333;
82 
    }
83 
 
84 
    .imei-modal-container .alert-info {
85 
        font-size: 11px;
86 
        padding: 8px;
87 
        margin-bottom: 10px;
88 
    }
89 
 
90 
    .imei-modal-container .result-header {
91 
        background: #e8f5e9;
92 
        padding: 8px 12px;
93 
        border-radius: 4px;
94 
        margin-bottom: 10px;
95 
        font-weight: 600;
96 
        color: #2e7d32;
97 
    }
35773 ranu 98 
</style>
99 
 
100 
<div class="imei-modal-container">
101 
    <div class="imei-search-box">
35775 ranu 102 
        <div class="row">
103 
            <div class="col-md-5">
104 
                <div class="form-inline">
105 
                    <div class="form-group">
106 
                        <label style="margin-right: 10px; font-weight: 500;">IMEI Margin:</label><br>
107 
                        <div class="input-group">
108 
                            <input type="text" class="form-control input-sm"
109 
                                   id="modal-imei-search-text" autocomplete="off"
110 
                                   placeholder="Enter IMEI Number" style="width: 200px;"/>
111 
                            <span class="input-group-btn">
112 
                                <button class="btn btn-primary btn-sm"
113 
                                        id="modal-imei-search-button" type="button">Search</button>
114 
                            </span>
115 
                        </div>
116 
                    </div>
35773 ranu 117 
                </div>
118 
            </div>
35775 ranu 119 
            <div class="col-md-7">
120 
                <div class="form-inline">
121 
                    <div class="form-group">
122 
                        <label style="margin-right: 10px; font-weight: 500;">Model Margin:</label><br>
123 
                        <div class="input-group">
124 
                            <input type="date" class="form-control input-sm modal-schemes-date"
125 
                                   value="${date}" style="width: 130px;"/>
126 
                        </div>
127 
                        <div class="input-group" style="margin-left: 5px;">
128 
                            <input type="text" class="form-control input-sm"
129 
                                   id="modal-model-search-text" autocomplete="off"
130 
                                   placeholder="Search Model" style="width: 150px;"/>
131 
                            <span class="input-group-btn">
132 
                                <button class="btn btn-primary btn-sm"
133 
                                        id="modal-model-search-button" type="button">Go</button>
134 
                            </span>
135 
                        </div>
136 
                    </div>
137 
                </div>
138 
            </div>
35773 ranu 139 
        </div>
140 
    </div>
141 
 
35775 ranu 142 
    <!-- Container for Model-wise margin results -->
143 
    <div class="modal-model-margin-container" style="display: none;"></div>
35773 ranu 144 
 
35775 ranu 145 
    <!-- Container for IMEI-wise margin results -->
146 
    <div class="modal-imei-margin-container">
35773 ranu 147 
        <div class="text-center" style="padding: 30px; color: #666;">
148 
            <i class="fa fa-search fa-2x" style="margin-bottom: 10px;"></i>
35775 ranu 149 
            <p>Search by IMEI number or select Model & Date to check margin details</p>
35773 ranu 150 
        </div>
35775 ranu 151 
    </div>
35773 ranu 152 
</div>