templates/tennis_court_availability/indexSingleVenue.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block title %} {{ date|date('D d-M') }}: {{ tennis_venue.venue }}{% endblock %}
  5. {% block body %}
  7.     <style>
  8.         .table-data th {
  9.             height: 70px;
  10.             width: 120px;
  11.             padding: 0px 10px
  12.         }
  14.         .table-data td {
  15.             height: 150px;
  16.             width: 120px;
  17.             vertical-align: middle;
  18.         }
  20.         .table-hour th {
  21.             height: 66px;
  22.             padding: 0px 10px
  23.         }
  25.         .table-hour td {
  26.             height: 150px;
  27.             vertical-align: middle;
  28.         }
  29.     </style>
  30.     {% for message in app.flashes('failed') %}
  31.         <div class="alert alert-danger">
  32.             {{ message }}
  33.         </div>
  34.     {% endfor %}
  35.     <div class="top-up-dialog col-md-3 shadow p-2 text-center">
  36.         <p><strong>Your account balance is too low to book this court. Top-up?</strong></p>
  37.         <div class="d-flex justify-content-center">
  38.             <button class="btn btn-warning w-50 close-pop-up"> Ignore</button>
  39.             <a class="btn btn-primary ml-2 w-50" href="{{ path('payments_new', {type: 'In-coming cash'}) }}">TopUp</a>
  40.         </div>
  41.     </div>
  43.     <div class="bid-dialog col-md-3 shadow-lg text-dark rounded px-0 pb-2">
  44.         <div class="py-2 text-center text-light" style="background-color: #e7e7e7"><h4 style="color:#898989"><strong>Bid Your Price</strong></h4></div>
  45.         <div class="">
  46.             <form class="bid-form px-5 pt-3 py-2" method="post">
  47.                 <div class="form-group">
  48.                     <div class="label-bid"></div>
  49.                     <input type="number" class="bid-input form-control mt-1" name="bid">
  50.                 </div>
  51.                 <div class="form-group d-flex">
  52.                     <input type="submit" name="submit" class="w-50 submit-bid-button btn btn-success d-inline ml-1"
  53.                            value="Submit">
  54.                     <input type="submit" name="cancel-submit"
  55.                            class="w-50 close-bid-button btn btn-danger d-inline" value="Cancel">
  56.                 </div>
  57.             </form>
  58.         </div>
  59.     </div>
  61.     <h1 style="color: red;">{{ tennis_venue.venue }}: {{ date|date('D d-M-Y') }}</h1>
  62.     {% include 'tennis_court_availability/parts/venue_header_single_venue.html.twig' %}
  63.     {% if tennis_venue.courtSurface != "Mixed" %}
  64.         <span style="color: green"> Surface (All Courts):</span> {{ tennis_venue.courtSurface }}<br>
  65.     {% endif %}
  67.     {% if tennis_venue.floodlights != "Yes (not all)" %}
  68.         <span style="color: blue"> Floodlights (All Courts): </span>{{ tennis_venue.floodlights }}
  69.     {% endif %}
  70.     <hr>
  72.     <h3 style="color: blue;">{{ date|date('D d-M-Y') }}</h3>
  73.     <div class="row">
  74.         <div class="d-flex w-100">
  75.             <div>
  76.                 <table class="table table-hour">
  77.                     <thead>
  78.                     <tr>
  79.                         <th>Hour
  80.                             <a href={{ path('tennis_court_availability_scrape', {venue: tennis_venue.id, date: date|date('Y-m-d')}) }}>
  81.                                 <i style="font-size: 15px; color: red; background-color: yellow"
  82.                                    class="fas fa-download"></i></a>
  83.                         </th>
  84.                         {% if is_granted('ROLE_ACEIFY') and app.user.id != ActiveAceifyClient.findClient(app.user).id %}
  85.                             <th>
  86.                                 Email
  87.                             </th>
  88.                         {% endif %}
  89.                     </tr>
  90.                     </thead>
  91.                     <tbody>
  92.                     {% for hour in hours %}
  93.                         <tr>
  94.                             <td style="text-align: right" data-sort="{{ hour.sort }}"><b>{{ hour.hour }}</b></td>
  95.                             {% if is_granted('ROLE_ACEIFY') and app.user.id != ActiveAceifyClient.findClient(app.user).id %}
  96.                                 <td style="text-align: center">
  97.                                     {% set client_court_flag = 0 %}
  98.                                     {% for client_court_time in client_court_times %}
  99.                                         {% if client_court_time.date == date and client_court_time.hour == hour.sort %}
  100.                                             {% set client_court_flag =1 %}
  101.                                             <form method="post"
  102.                                                   action="{{ path('client_court_times_delete', {'id': client_court_time.id}) }}">
  103.                                                 <input type="hidden" name="_token"
  104.                                                        value="{{ csrf_token('delete' ~ client_court_time.id) }}">
  105.                                                 <button style="background-color: white;border:none"><i
  106.                                                             style="color: green" class="fa fa-calendar-check"></i>
  107.                                                 </button>
  108.                                             </form>
  109.                                         {% endif %}
  110.                                     {% endfor %}
  111.                                     {% if client_court_flag ==0 %}
  112.                                         <a href="{{ path('client_court_times_new', {date: date|date('Y-m-d'), hour: hour.sort}) }}">
  113.                                             <i style="color: grey" class="fa fa-circle"></i>
  114.                                         </a>
  115.                                     {% endif %}
  116.                                 </td>
  117.                             {% endif %}
  118.                         </tr>
  119.                     {% endfor %}
  120.                     </tbody>
  121.                 </table>
  122.             </div>
  123.             <div class="table-data-container">
  124.                 <table class="table table-responsive table-data">
  125.                     <thead>
  126.                     <tr>
  127.                         {% for i in range(1,number_of_courts) %}
  128.                             <th style="text-align: center">
  129.                                 <b><u>Court: {{ i }}</u></b><br>
  131.                                 {% if tennis_venue.courtSurface =="Mixed" %}
  132.                                     <span style="color: green"> {{ CourtSurfaceAndFloodlights.returnCourtSurfaceByVenueAndCourt(tennis_venue, i) }} Court; </span>
  133.                                 {% endif %}
  134.                                 {% if tennis_venue.floodlights =="Yes (not all)" %}
  135.                                     {% if CourtSurfaceAndFloodlights.returnFloodlightsByVenueAndCourt(tennis_venue, i) =="Yes" %}
  136.                                         <span style="color: blue">  Floodlights </span>
  137.                                     {% endif %}
  138.                                 {% endif %}
  139.                             </th>
  140.                         {% endfor %}
  141.                         {% include 'tennis_court_availability/parts/weather_headers.html.twig' %}
  142.                     </tr>
  143.                     </thead>
  145.                     <tbody>
  146.                     {% for hour in hours %}
  147.                         {% set past_or_future = "default" %}
  149.                         {% if date|date('Y-m-d') < today|date('Y-m-d') or hour.sort < todayHour and date|date('Y-m-d') == today|date('Y-m-d') %}
  150.                             <tr style="background-color: whitesmoke">
  151.                             {% set past_or_future = "Past" %}
  152.                         {% else %}
  153.                             {% if hour.sort == todayHour and date|date('Y-m-d') == today|date('Y-m-d') %}
  154.                                 {% set past_or_future = "Future" %}
  155.                                 <tr style="background-color: lightyellow">
  156.                             {% else %}
  157.                                 <tr>
  158.                                 {% set past_or_future = "Future" %}
  159.                             {% endif %}
  160.                         {% endif %}
  162.                         {% for i in range(1,number_of_courts) %}
  164.                             {% set availability = "-" %}
  165.                             {% set id = '' %}
  166.                             {% set court_cost='' %}
  167.                             <td style="text-align: center">
  168.                                 {% include 'template_parts/login_or_register_popup.html.twig' %}
  169.                                 {% set court = CourtAvailabilities.getCourtAvailabiliyByVenueDateHourCourt(tennis_venue, date, hour.sort, i) %}
  170.                                 {% if court is not null %}
  171.                                     {% include 'tennis_court_availability/parts/bookings_made_single_court.html.twig' %}
  173.                                     {#                                        Not yet released - Reserve #}
  174.                                     {% if court.available ==1 %}
  175.                                         {% include 'tennis_court_availability/parts/court_not_released_yet_single_court.html.twig' %}
  176.                                     {% endif %}
  178.                                     {#                                        Available #}
  179.                                     {% if court.available == 2 %}
  180.                                         {% include 'tennis_court_availability/parts/court_available_single_court.html.twig' %}
  181.                                     {% endif %}
  183.                                     {#                                        Booked #}
  184.                                     {% if court.available ==3 %}
  185.                                         {% include 'tennis_court_availability/parts/court_fully_booked_single_court.html.twig' %}
  186.                                     {% endif %}
  188.                                     {#                                        Closed #}
  189.                                     {% if court.available ==4 %}
  190.                                         {% include 'tennis_court_availability/parts/court_closed_single_court.html.twig' %}
  191.                                     {% endif %}
  193.                                 {% endif %}
  194.                             </td>
  195.                         {% endfor %}
  196.                         {% include 'tennis_court_availability/parts/weather.html.twig' %}
  197.                         </tr>
  198.                     {% endfor %}
  199.                     </tbody>
  200.                 </table>
  201.             </div>
  202.         </div>
  203.     </div>
  205.     <hr>
  207.     <br>
  208.     <br>
  209.     <br>
  210.     <br>
  212. {% endblock %}
  214. {% block datatable %}
  215.     <script>
  216.         $(document).ready(function () {
  217.             $('.table').DataTable({
  218.                 'pageLength': 50,
  219.                 "order": [[0, 'asc']],
  220.                 "paging": false,
  221.                 "searching": false,
  222.                 "bInfo": false,
  223.                 "responsive": false,
  224.                 "sort": false
  225.             });
  226.         });
  227.     </script>
  229.     <script>
  231.         {% if app.user %}
  232.         function checkAccountBalance(id) {
  233.             var bidPrice = $("#bid-input-reserve" + id).val();
  234.             var balance = {{ (Payments.TotalPaymentsMade(ActiveAceifyClient.findClient(app.user)) -
  235.             Payments.TotalBookingsCost(ActiveAceifyClient.findClient(app.user))) }};
  236.             if (balance < parseInt(bidPrice)) {
  237.                 $(".close").click();
  238.                 $(".top-up-dialog").css('display', 'block');
  239.                 return false;
  240.             } else {
  241.                 return true;
  242.             }
  243.         }
  245.         function checkAccountBalanceConfirm(price) {
  247.             {% if is_granted('ROLE_ACEIFY') %}
  248.             {% else %}
  249.             var balance = {{ (Payments.TotalPaymentsMade(ActiveAceifyClient.findClient(app.user)) -
  250.             Payments.TotalBookingsCost(ActiveAceifyClient.findClient(app.user))) }};
  252.             if (balance < price) {
  253.                 $(".close").click();
  254.                 $(".top-up-dialog").css('display', 'block');
  255.                 return false;
  256.             } else {
  257.                 return true;
  258.             }
  259.             {% endif %}
  260.             {% endif %}
  261.         }
  263.         $('.close-pop-up').click(function () {
  264.             $(".top-up-dialog").css('display', 'none');
  265.         });
  266.         var date = '';
  267.         var hour = '';
  268.         var venue = '';
  269. {#        {% endif %}#}
  272.         function bid(date, hour, venue) {
  273.             date = date;
  274.             hour = hour;
  275.             venue = venue;
  276.             $(".bid-dialog").css('display', 'block');
  277.             $(".label-bid").html("<p class='mb-0' style='font-size: 20.5px;color:#878787'><strong>Please enter your bid for the court on " + date + " at " + hour + "h at " + venue + "</strong></p>");
  278.             $(".submit-bid-button").click(function (e) {
  279.                 e.preventDefault();
  280.                 var bid = $('.bid-input').val();
  281.                 {# var href = "/tennis/bookings/advanceReservation/" + date + "/" + hour + "/" + venue + "/{{ app.user.id }}/" + bid + ""; #}
  282.                 $(".bid-dialog").css("display", "none");
  283.                 window.location.href = href;
  284.             });
  285.             $(".close-bid-button").click(function (e) {
  286.                 e.preventDefault();
  287.                 $(".bid-dialog").css("display", "none");
  288.             })
  289.             return false;
  290.         }
  291.     </script>
  292.     <script>
  293.         ///   $("table").removeClass('table-responsive');
  294.     </script>
  296. {% endblock datatable %}
  297. {% block additionaljs %}
  298.     <script>
  299.         $(document).ready(function () {
  300.             var height = $('.table-data thead tr th').height();
  301.             $('.table-hour thead tr th').height(height);
  302.         })
  304.     </script>
  305. {% endblock %}