126
126
echo ' </div>
127
127
</div> ' ;
128
128
?>
129
- <?php
130
- if (isset ($ _SESSION ['user_id ' ])) {
131
- // User is logged in, display avatar and link to user page
132
- $ user_id = $ _SESSION ['user_id ' ];
133
- $ users_json = file_get_contents ('./db/users.json ' );
134
- $ users = json_decode ($ users_json , true );
135
- $ avatar = $ users [$ user_id ]['avatar ' ];
136
- $ age = $ users [$ user_id ]['age ' ];
137
- $ gender = $ users [$ user_id ]['gender ' ];
138
- // Rest of the code to recommend animes based on age and gender
139
- }
140
- ?>
141
- <?php
129
+ <?php
130
+ if (isset ($ _SESSION ['user_id ' ])) {
131
+ // User is logged in, display avatar and link to user page
132
+ $ user_id = $ _SESSION ['user_id ' ];
133
+ $ users_json = file_get_contents ('./db/users.json ' );
134
+ $ users = json_decode ($ users_json , true );
135
+ $ avatar = $ users [$ user_id ]['avatar ' ];
136
+ $ age = $ users [$ user_id ]['age ' ];
137
+ $ gender = $ users [$ user_id ]['gender ' ];
138
+ // Rest of the code to recommend animes based on age and gender
139
+ }
140
+ ?>
141
+ <?php
142
142
// Leer el archivo JSON
143
143
$ json = file_get_contents ('./db/detailsDB.json ' );
144
144
145
145
// Decodificar el archivo JSON en un array de PHP
146
146
$ data = json_decode ($ json , true );
147
147
148
- // Mostrar los datos en la estructura HTML dada
148
+ // Obtener los valores de $age y $gender (suponiendo que los obtienes de alguna manera)
149
+ $ age = $ _GET ['age ' ];
150
+ $ gender = $ _GET ['gender ' ];
151
+
152
+ // Función de comparación para ordenar los animes por coincidencia
153
+ function compareAnimes ($ a , $ b ) {
154
+ return $ b ['coincidence ' ] - $ a ['coincidence ' ];
155
+ }
156
+
157
+ // Calcular la coincidencia de cada anime con los valores de $age y $gender
158
+ foreach ($ data as &$ anime ) {
159
+ $ coincidence = 0 ;
160
+ if ($ anime ['obAge ' ] == $ age ) {
161
+ $ coincidence += 2 ;
162
+ }
163
+ if ($ anime ['obGender ' ] == $ gender ) {
164
+ $ coincidence += 1 ;
165
+ }
166
+ $ anime ['coincidence ' ] = $ coincidence ;
167
+ }
168
+
169
+ // Ordenar los animes por coincidencia
170
+ usort ($ data , 'compareAnimes ' );
171
+
172
+ // Mostrar los 5 animes con mayor coincidencia en la estructura HTML dada
149
173
echo '<div class="trending__product">
150
174
<div class="row">
151
175
<div class="col-lg-8 col-md-8 col-sm-8">
160
184
</div>
161
185
</div>
162
186
<div class="row"> ' ;
163
-
164
- // Iterar sobre los datos y mostrarlos en la estructura HTML dada
165
- foreach ($ data as $ key => $ value ) {
166
- if ($ key >= 5 ) {
167
- break ;
168
- }
169
- echo '<div class="col-lg-4 col-md-6 col-sm-6">
170
- <div class="product__item">
171
- <div class="product__item__pic set-bg" data-setbg=" ' . $ value ['image ' ] . '">
172
- <div class="ep"> ' . $ value ['episodes ' ] . '</div>
173
- <div class="comment"><i class="fa fa-comments"></i> 11</div>
174
- <div class="view"><i class="fa fa-eye"></i> 9141</div>
175
- </div>
176
- <div class="product__item__text">
177
- <ul>
178
- <li>Active</li>
179
- <li> ' . $ value ['category ' ] . '</li>
180
- </ul>
181
- <h5><a href=" ' . $ value ['link ' ] . '">Ver ' . $ value ['title ' ] . '</a></h5>
187
+ $ count = 0 ;
188
+ foreach ($ data as $ anime ) {
189
+ if ($ anime ['coincidence ' ] > 0 ) {
190
+ echo '<div class="col-lg-4 col-md-6 col-sm-6">
191
+ <div class="product__item">
192
+ <div class="product__item__pic set-bg" data-setbg=" ' . $ anime ['image ' ] . '">
193
+ <div class="ep"> ' . $ anime ['episodes ' ] . '</div>
194
+ <div class="comment"><i class="fa fa-comments"></i> 11</div>
195
+ <div class="view"><i class="fa fa-eye"></i> 9141</div>
196
+ </div>
197
+ <div class="product__item__text">
198
+ <ul>
199
+ <li>Active</li>
200
+ <li> ' . $ anime ['category ' ] . '</li>
201
+ </ul>
202
+ <h5><a href=" ' . $ anime ['link ' ] . '">Ver ' . $ anime ['title ' ] . '</a></h5>
203
+ </div>
182
204
</div>
183
- </div>
184
- </div> ' ;
205
+ </div> ' ;
206
+ $ count ++;
207
+ if ($ count >= 5 ) {
208
+ break ;
209
+ }
210
+ }
185
211
}
186
-
187
212
echo '</div></div> ' ;
188
- ?>
213
+ ?>
189
214
<!-- trending Area end -->
190
215
216
+ <div class="product__sidebar__comment">
217
+ <div class="section-title">
218
+ <h5>New Blogs</h5>
219
+ </div>
220
+ <?php
221
+ // Lee el archivo JSON de blogs
222
+ $ json = file_get_contents ('db/blogs.json ' );
223
+ $ data = json_decode ($ json , true );
191
224
225
+ // Obtén los últimos 4 blogs
226
+ $ lastFourBlogs = array_slice ($ data ['blogs ' ], -4 );
192
227
193
- <div class="product__sidebar__comment">
194
- <div class="section-title">
195
- <h5>New Blogs</h5>
196
- </div>
197
- <?php
198
- // Lee el archivo JSON de blogs
199
- $ json = file_get_contents ('db/blogs.json ' );
200
- $ data = json_decode ($ json , true );
201
-
202
- // Obtén los últimos 4 blogs
203
- $ lastFourBlogs = array_slice ($ data ['blogs ' ], -4 );
204
-
205
- // Muestra los blogs en el formato proporcionado
206
- foreach ($ lastFourBlogs as $ blog ) {
207
- echo '<div class="product__sidebar__comment__item"> ' ;
208
- echo '<div class="product__sidebar__comment__item__pic"> ' ;
209
- echo '<img class="col-md-12 col-sm-12 col-lg-12" src=" ' . $ blog ['banner ' ] . '" alt=""> ' ;
210
- echo '</div> ' ;
211
- echo '<div class="product__sidebar__comment__item__text"> ' ;
212
- echo '<ul> ' ;
213
- echo '<li> ' . $ blog ['anime ' ] . '</li> ' ;
214
- foreach ($ blog ['tags ' ] as $ tag ) {
215
- echo '<li> ' . $ tag . '</li> ' ;
216
- }
217
- echo '</ul> ' ;
218
- echo '<h5><a href="blog/index.php?id= ' . $ blog ['blog-id ' ] . '"> ' . $ blog ['title ' ] . '</a></h5> ' ;
219
- echo '<span><i class="fa fa-clock-o"></i> ' . $ blog ['time ' ] . '</span> ' ;
220
- echo '</div> ' ;
221
- echo '</div> ' ;
222
- }
223
- ?>
224
- </div>
225
- </div>
228
+ // Muestra los blogs en el formato proporcionado
229
+ foreach ($ lastFourBlogs as $ blog ) {
230
+ echo '<div class="product__sidebar__comment__item"> ' ;
231
+ echo '<div class="product__sidebar__comment__item__pic"> ' ;
232
+ echo '<img class="col-md-12 col-sm-12 col-lg-12" src=" ' . $ blog ['banner ' ] . '" alt=""> ' ;
233
+ echo '</div> ' ;
234
+ echo '<div class="product__sidebar__comment__item__text"> ' ;
235
+ echo '<ul> ' ;
236
+ echo '<li> ' . $ blog ['anime ' ] . '</li> ' ;
237
+ foreach ($ blog ['tags ' ] as $ tag ) {
238
+ echo '<li> ' . $ tag . '</li> ' ;
239
+ }
240
+ echo '</ul> ' ;
241
+ echo '<h5><a href="blog/index.php?id= ' . $ blog ['blog-id ' ] . '"> ' . $ blog ['title ' ] . '</a></h5> ' ;
242
+ echo '<span><i class="fa fa-clock-o"></i> ' . $ blog ['time ' ] . '</span> ' ;
243
+ echo '</div> ' ;
244
+ echo '</div> ' ;
245
+ }
246
+ ?>
226
247
</div>
227
248
</div>
228
249
</div>
229
- </section>
230
- <!-- Product Section End -->
250
+ </div>
251
+ </div>
252
+ </section>
253
+ <!-- Product Section End -->
231
254
232
- <!-- Footer Section Begin -->
233
- <footer class="footer">
234
- <div class="page-up">
235
- <a href="#" id="scrollToTopButton"><span class="arrow_carrot-up"></span></a>
255
+ <!-- Footer Section Begin -->
256
+ <footer class="footer">
257
+ <div class="page-up">
258
+ <a href="#" id="scrollToTopButton"><span class="arrow_carrot-up"></span></a>
259
+ </div>
260
+ <div class="container">
261
+ <div class="row">
262
+ <div class="col-lg-3">
263
+ <div class="footer__logo">
264
+ <a href="./index.html"><img src="img/logo.png" alt=""></a>
265
+ </div>
236
266
</div>
237
- <div class="container">
238
- <div class="row">
239
- <div class="col-lg-3">
240
- <div class="footer__logo">
241
- <a href="./index.html"><img src="img/logo.png" alt=""></a>
242
- </div>
243
- </div>
244
- <div class="col-lg-6">
245
- <div class="footer__nav">
246
- <ul>
247
- <li class="active"><a href="./index.html">Homepage</a></li>
248
- <li><a href="./categories.html">Categories</a></li>
249
- <li><a href="./blog.html">Our Blog</a></li>
250
- <li><a href="#">Contacts</a></li>
251
- </ul>
252
- </div>
253
- </div>
254
- <div class="col-lg-3">
255
- <p>
256
- <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
257
- Copyright ©<script>
258
- document.write(new Date().getFullYear());
259
- </script>
260
- All rights reserved | This template is made with <i class="fa fa-heart" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
261
- <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
262
- </p>
263
-
264
- </div>
267
+ <div class="col-lg-6">
268
+ <div class="footer__nav">
269
+ <ul>
270
+ <li class="active"><a href="./index.html">Homepage</a></li>
271
+ <li><a href="./categories.html">Categories</a></li>
272
+ <li><a href="./blog.html">Our Blog</a></li>
273
+ <li><a href="#">Contacts</a></li>
274
+ </ul>
265
275
</div>
266
276
</div>
267
- </footer>
268
- <!-- Footer Section End -->
277
+ <div class="col-lg-3">
278
+ <p>
279
+ <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
280
+ Copyright ©<script>
281
+ document.write(new Date().getFullYear());
282
+ </script>
283
+ All rights reserved | This template is made with <i class="fa fa-heart" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
284
+ <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
285
+ </p>
269
286
270
- <!-- Search model Begin -->
271
- <div class="search-model">
272
- <div class="h-100 d-flex align-items-center justify-content-center">
273
- <div class="search-close-switch">
274
- <i class="icon_close"></i>
275
- </div>
276
- <form class="search-model-form">
277
- <input type="text" id="search-input" placeholder="Search here.....">
278
- </form>
279
287
</div>
280
288
</div>
281
- <!-- Search model end -->
289
+ </div>
290
+ </footer>
291
+ <!-- Footer Section End -->
292
+
293
+ <!-- Search model Begin -->
294
+ <div class="search-model">
295
+ <div class="h-100 d-flex align-items-center justify-content-center">
296
+ <div class="search-close-switch">
297
+ <i class="icon_close"></i>
298
+ </div>
299
+ <form class="search-model-form">
300
+ <input type="text" id="search-input" placeholder="Search here.....">
301
+ </form>
302
+ </div>
303
+ </div>
304
+ <!-- Search model end -->
282
305
283
- <!-- Js Plugins -->
284
- <script src="assets/js/jquery-3.3.1.min.js"></script>
285
- <script src="assets/js/bootstrap.min.js"></script>
286
- <script src="assets/js/player.js"></script>
287
- <script src="assets/js/jquery.nice-select.min.js"></script>
288
- <script src="assets/js/mixitup.min.js"></script>
289
- <script src="assets/js/jquery.slicknav.js"></script>
290
- <script src="assets/js/owl.carousel.min.js"></script>
291
- <script src="assets/js/main.js"></script>
306
+ <!-- Js Plugins -->
307
+ <script src="assets/js/jquery-3.3.1.min.js"></script>
308
+ <script src="assets/js/bootstrap.min.js"></script>
309
+ <script src="assets/js/player.js"></script>
310
+ <script src="assets/js/jquery.nice-select.min.js"></script>
311
+ <script src="assets/js/mixitup.min.js"></script>
312
+ <script src="assets/js/jquery.slicknav.js"></script>
313
+ <script src="assets/js/owl.carousel.min.js"></script>
314
+ <script src="assets/js/main.js"></script>
292
315
293
316
294
- </body>
317
+ </body>
295
318
296
319
</html>
0 commit comments