templates/tennis_court_availability/index.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block title %}Court Availability: {{ dateRange }}{% 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.             padding: 4px !important;
  16.             vertical-align: middle;
  17.         }
  19.         /*.table-hour th {*/
  20.         /*    height: 66px;*/
  21.         /*    padding: 0px 10px*/
  22.         /*}*/
  24.         .table-hour td {
  25.             padding: 4px !important;
  26.             vertical-align: middle;
  27.         }
  28.     </style>
  29.     {% for message in app.flashes('failed') %}
  30.         <div class="alert alert-danger">
  31.             {{ message }}
  32.         </div>
  33.     {% endfor %}
  34.     <div class="top-up-dialog col-md-3 shadow p-2 text-center">
  35.         <p><strong>Your account balance is too low to book this court. Top-up?</strong></p>
  36.         <div class="d-flex justify-content-center">
  37.             <button class="btn btn-warning w-50 close-pop-up"> Ignore</button>
  38.             <a class="btn btn-primary ml-2 w-50" href="{{ path('payments_new', {type: 'In-coming cash'}) }}">TopUp</a>
  39.         </div>
  40.     </div>
  42.     <div class="bid-dialog col-md-3 shadow-lg text-dark rounded px-0 pb-2">
  43.         <div class="py-2 text-center text-light" style="background-color: #e7e7e7"><h4 style="color:#898989"><strong>Bid
  44.                     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;">Court Availability: {{ dateRange }}</h1>
  63.     <div class="row">
  64.         {% include 'tennis_court_availability/parts/date_ranges.html.twig' %}
  65.         {% if app.user %}
  66.             {% include 'tennis_court_availability/parts/client_court_times_provisional.html.twig' %}
  67.             {% include 'tennis_court_availability/parts/postcodes.html.twig' %}
  68.             {% include 'tennis_court_availability/parts/postcodes_sub_routine2.html.twig' %}
  69.         {% endif %}
  70.         {% include 'tennis_court_availability/parts/date_ranges2.html.twig' %}
  71.     </div>
  72.     {% if is_granted('ROLE_ACEIFY') %}
  73.         <div class="row">
  74.             <div class="col-8"></div>
  75.             <div class="col-3">
  76.                 {#                Admin: {% include 'tennis_court_availability/parts/admin_buttons.html.twig' %} #}
  77.             </div>
  78.         </div>
  79.     {% endif %}
  80.     <hr>
  82.     {% for date in dates %}
  83.         <h3 style="color: blue;">{{ date|date('D d-M-Y') }}</h3>
  84.         <div class="row">
  85.             <div class="main-container d-flex w-100">
  86.                 <div class="table-hour-container">
  87.                     <table class="table table-hour">
  88.                         <thead>
  89.                         <tr>
  90.                             <th>Hour
  91.                                 {% include 'tennis_court_availability/parts/scrape_all_venues_that_day.html.twig' %}
  92.                             </th>
  93.                             {% if is_granted('ROLE_ACEIFY') and app.user.id != ActiveAceifyClient.findClient(app.user).id %}
  94.                                 <th>
  95.                                     Email
  96.                                 </th>
  97.                             {% endif %}
  98.                         </tr>
  99.                         </thead>
  100.                         <tbody>
  101.                         {% for hour in hours %}
  102.                             <tr>
  103.                                 <td style="text-align: center" data-sort="{{ hour.sort }}"><b>{{ hour.hour }}</b></td>
  104.                                 {% if is_granted('ROLE_ACEIFY') and app.user.id != ActiveAceifyClient.findClient(app.user).id %}
  105.                                     <td style="text-align: center">
  106.                                         {% set client_court_flag = 0 %}
  107.                                         {% for client_court_time in client_court_times %}
  108.                                             {% if client_court_time.date == date and client_court_time.hour == hour.sort %}
  109.                                                 {% set client_court_flag =1 %}
  110.                                                 <form method="post"
  111.                                                       action="{{ path('client_court_times_delete', {'id': client_court_time.id}) }}">
  112.                                                     <input type="hidden" name="_token"
  113.                                                            value="{{ csrf_token('delete' ~ client_court_time.id) }}">
  114.                                                     <button style="background-color: white;border:none"><i
  115.                                                                 style="color: green" class="fa fa-calendar-check"></i>
  116.                                                     </button>
  117.                                                 </form>
  118.                                             {% endif %}
  119.                                         {% endfor %}
  120.                                         {% if client_court_flag ==0 %}
  121.                                             <a href="{{ path('client_court_times_new', {date: date|date('Y-m-d'), hour: hour.sort}) }}">
  122.                                                 <i style="color: grey" class="fa fa-circle"></i>
  123.                                             </a>
  124.                                         {% endif %}
  125.                                     </td>
  126.                                 {% endif %}
  127.                             </tr>
  128.                         {% endfor %}
  129.                         </tbody>
  130.                     </table>
  131.                 </div>
  132.                 <div class="table-data-container overflow-auto">
  133.                     <table class="table table-responsive table-data">
  134.                         <thead>
  135.                         <tr>
  136.                             {% for tennis_venue in tennis_venues %}
  137.                                 <th style="text-align: left">
  138.                                     {% include 'tennis_court_availability/parts/venue_header.html.twig' %}
  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 %}
  148.                             {% set past_or_future = "default" %}
  150.                             {% 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') %}
  151.                                 <tr style="background-color: whitesmoke">
  152.                                 {% set past_or_future = "Past" %}
  153.                             {% else %}
  154.                                 {% if hour.sort == todayHour and date|date('Y-m-d') == today|date('Y-m-d') %}
  155.                                     {% set past_or_future = "Future" %}
  156.                                     <tr style="background-color: lightyellow">
  157.                                 {% else %}
  158.                                     <tr>
  159.                                     {% set past_or_future = "Future" %}
  160.                                 {% endif %}
  161.                             {% endif %}
  163.                             {% for tennis_venue in tennis_venues %}
  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. {#                                    {% include 'tennis_court_availability/parts/bookings_made.html.twig' %}#}
  170.                                     {#                                    {% if is_granted('ROLE_SUPER_ADMIN') %} #}
  171.                                     {#                                        <span style="color: red">{{ CourtAvailabilities.summaryAcrossCourt(hour.sort,tennis_venue,date) }}</span> #}
  172.                                     {#                                    {% endif %} #}
  173.                                     {% if CourtAvailabilities.summaryAcrossCourt(tennis_venue,date, hour.sort)  == 1 %}
  174.                                         {% include 'tennis_court_availability/parts/court_not_released_yet.html.twig' %}
  175.                                     {% endif %}
  177.                                     {% if  CourtAvailabilities.summaryAcrossCourt(tennis_venue,date, hour.sort) == 2 %}
  178.                                         {% include 'tennis_court_availability/parts/court_available.html.twig' %}
  179.                                     {% endif %}
  181.                                     {% if CourtAvailabilities.summaryAcrossCourt(tennis_venue,date, hour.sort)  == 3 %}
  182.                                         {% include 'tennis_court_availability/parts/court_fully_booked.html.twig' %}
  183.                                     {% endif %}
  185.                                     {% if CourtAvailabilities.summaryAcrossCourt(tennis_venue,date, hour.sort)  == 4 %}
  186.                                         {% include 'tennis_court_availability/parts/court_closed.html.twig' %}
  187.                                     {% endif %}
  188.                                 </td>
  189.                             {% endfor %}
  190.                             {% include 'tennis_court_availability/parts/weather.html.twig' %}
  191.                             </tr>
  192.                         {% endfor %}
  193.                         </tbody>
  194.                     </table>
  195.                 </div>
  196.             </div>
  197.         </div>
  198.         <hr>
  199.     {% endfor %}
  201.     <br>    <br>    <br>    <br>
  203. {% endblock %}
  205. {% block datatable %}
  206.     <script>
  207.         $(document).ready(function () {
  208.             $('.table').DataTable({
  209.                 'pageLength': 50,
  210.                 "order": [[0, 'asc']],
  211.                 "paging": false,
  212.                 "searching": false,
  213.                 "bInfo": false,
  214.                 "responsive": false,
  215.                 "sort": false
  216.             });
  217.         });
  218.     </script>
  220.     <script>
  222.         {% if app.user %}
  223.         function checkAccountBalance(id) {
  224.             var bidPrice = $("#bid-input-reserve" + id).val();
  225.             var balance = {{ (Payments.TotalPaymentsMade(ActiveAceifyClient.findClient(app.user)) -
  226.             Payments.TotalBookingsCost(ActiveAceifyClient.findClient(app.user))) }};
  227.             if (balance < parseInt(bidPrice)) {
  228.                 $(".close").click();
  229.                 $(".top-up-dialog").css('display', 'block');
  230.                 return false;
  231.             } else {
  232.                 return true;
  233.             }
  234.         }
  236.         function returnAccountBalance(id) {
  237.             var balance = {{ (Payments.TotalPaymentsMade(ActiveAceifyClient.findClient(app.user)) -
  238.             Payments.TotalBookingsCost(ActiveAceifyClient.findClient(app.user))) }};
  239.             return balance;
  241.         }
  243.         function checkAccountBalanceConfirm(price) {
  244.             {% if is_granted('ROLE_ACEIFY') %}
  245.             {% else %}
  246.             var balance = {{ (Payments.TotalPaymentsMade(ActiveAceifyClient.findClient(app.user)) -
  247.             Payments.TotalBookingsCost(ActiveAceifyClient.findClient(app.user))) }};
  249.             if (balance < price) {
  250.                 $(".close").click();
  251.                 $(".top-up-dialog").css('display', 'block');
  252.                 return false;
  253.             } else {
  254.                 return true;
  255.             }
  256.         }
  257.         {% endif %}
  258.         $('.close-pop-up').click(function () {
  259.             $(".top-up-dialog").css('display', 'none');
  260.         });
  261.         var date = '';
  262.         var hour = '';
  263.         var venue = '';
  264.         {% endif %}
  267.         function bid(date, hour, venue) {
  268.             date = date;
  269.             hour = hour;
  270.             venue = venue;
  271.             $(".bid-dialog").css('display', 'block');
  272.             $(".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>");
  273.             $(".submit-bid-button").click(function (e) {
  274.                 e.preventDefault();
  275.                 var bid = $('.bid-input').val();
  276.                 {# var href = "/tennis/bookings/advanceReservation/" + date + "/" + hour + "/" + venue + "/{{ app.user.id }}/" + bid + ""; #}
  277.                 $(".bid-dialog").css("display", "none");
  278.                 window.location.href = href;
  279.             });
  280.             $(".close-bid-button").click(function (e) {
  281.                 e.preventDefault();
  282.                 $(".bid-dialog").css("display", "none");
  283.             })
  284.             return false;
  285.         }
  286.     </script>
  287.     <script>
  288.         ///   $("table").removeClass('table-responsive');
  289.     </script>
  291. {% endblock datatable %}
  292. {% block additionaljs %}
  293.     <script>
  294.         $(document).ready(function () {
  295.             var height = $('.table-data thead tr th').height();
  296.             $('.table-hour thead tr th').height(height);
  297.             $(window).resize(function () {
  298.                 var height = $('.table-data thead tr th').height();
  299.                 $('.table-hour thead tr th').height(height);
  300.             })
  301.             var dateRange = "{{ dateRange }}";
  302.             if (dateRange !== "") {
  303.                 $('a:contains("' + dateRange + '")').removeClass('btn-primary');
  304.                 $('a:contains("' + dateRange + '")').addClass('btn-success');
  305.             }
  308.             $('.main-container').each(function () {
  309.                 var parent = $(this);
  310.                 $(this).find('.table-data-container tbody tr').each(function (index) {
  311.                     var height = $(this).height();
  312.                     $(parent).find('.table-hour-container table tbody tr').eq(index).css("height", height);
  313.                 });
  314.             })
  315.         })
  316.     </script>
  318. {% endblock %}