Advertisement
Guest User

Untitled

a guest
May 21st, 2017
201
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 20.72 KB | None | 0 0
  1. @extends('layouts.master')
  2.  
  3. @section('content')
  4.  
  5. <style>
  6.  
  7.   .skill-checkbox {
  8.     display: inline-block;
  9.   }
  10.  
  11.   .skill-label{
  12.     padding-top:10px;
  13.     float:left;
  14.   }
  15.  
  16.  
  17.  
  18.  
  19. </style>
  20.  
  21. <script type="text/javascript">
  22. $(document).ready(function(){
  23. $('.other-subrace').hide();
  24. $('.dwarf-subrace').hide();
  25. $('#char-create-part-1').show();
  26. $('#char-create-part-2').hide();
  27. $('#char-create-part-3').hide();
  28. $('#back1').hide();
  29. $('#validation-1-alert').hide();
  30. $('#rollStats4DropLowest').hide();
  31. $('#submitButton').hide();
  32. $('#next2').hide();
  33. nextCounter = 0;
  34.  
  35.  
  36. skillsVar = [];
  37. langVar = [];
  38.  
  39.  
  40.  
  41. })
  42.  
  43. </script>
  44.  
  45. <div id="page-wrapper">
  46.  
  47.             <div class="container-fluid">
  48.  
  49.                 <!-- Page Heading -->
  50.                 <div class="row">
  51.                     <div class="col-lg-12">
  52.                         <h1 class="page-header">
  53.                             Characters <small>Create a Character</small>
  54.                         </h1>
  55.  
  56.                     </div>
  57.                 </div>
  58.  
  59.  
  60.  
  61.     <form method="POST" action="./create-char" name="CharForm">
  62.  
  63.     {{ csrf_field() }}
  64. <div id="char-create-part-1">
  65.   <div class="form-group">
  66.     <label for="exampleInputEmail1">Character Name:</label>
  67.     <input type="text" class="form-control" id="characterName" placeholder="Leroy Jenkins" name="characterName" required>
  68.   </div>
  69.  
  70.  
  71.  
  72.   <div class="form-group">
  73.     <label for="class">Class:</label>
  74.         <select name="class" class="form-control" required>
  75.           <option value="barbarian">Barbarian</option>
  76.           <option value="bard">Bard</option>
  77.           <option value="cleric">Cleric</option>
  78.           <option value="druid">Druid</option>
  79.         </select>
  80.   </div>
  81.  
  82.   <div class="form-group">
  83.     <label for="race">Race:</label>
  84.         <select id="race" name="race" class="form-control" required>
  85.           <option value="Dragonborn">Dragonborn</option>
  86.           <option value="Dwarf">Dwarf</option>
  87.           <option value="Elf">Elf</option>
  88.           <option value="Gnome">Gnome</option>
  89.           <option value="Half-Elf">Half-Elf</option>
  90.           <option value="Half-Orc">Half-Orc</option>
  91.           <option value="Halfling">Halfling</option>
  92.           <option value="Human">Human</option>
  93.           <option value="Human">Tiefling</option>
  94.         </select>
  95.   </div>
  96.  
  97.  
  98.     <!-- DWARF Subrace -->
  99.  
  100.  
  101.     <script type="text/javascript">
  102.     $('#race').change(function(){
  103.       if($(this).val() != 'Dwarf'){ // or this.value == 'volvo'
  104.         $('#dwarf-subrace').hide();
  105.       } else {
  106.         $('#dwarf-subrace').show();
  107.       }
  108.     });
  109.     </script>
  110.  
  111.  
  112.   <div class="form-group dwarf-subrace" id="dwarf-subrace">
  113.     <label for="subrace">Sub-Race:</label>
  114.         <select name="subrace" class="form-control">
  115.           <option value="Hill Dwarf">Hill Dwarf</option>
  116.           <option value="Mountain Dwarf">Mountain Dwarf</option>
  117.         </select>
  118.   </div>
  119.  
  120.  
  121.  
  122.     <!-- ELF Subrace -->
  123.  
  124.  
  125.     <script type="text/javascript">
  126.     $('#race').change(function(){
  127.       if($(this).val() != 'Elf'){ // or this.value == 'volvo'
  128.         $('#elf-subrace').hide();
  129.       } else {
  130.         $('#elf-subrace').show();
  131.       }
  132.     });
  133.     </script>
  134.  
  135.      
  136.       <div class="form-group other-subrace" id="elf-subrace">
  137.         <label for="subrace">Sub-Race:</label>
  138.             <select name="subrace" class="form-control" >
  139.               <option value="High Elf">High Elf</option>
  140.               <option value="Wood Elf">Wood Elf</option>
  141.               <option value="Drow">Drow</option>
  142.             </select>
  143.       </div>
  144.  
  145.  
  146.       <!-- GNOME Subrace -->
  147.  
  148.  
  149.     <script type="text/javascript">
  150.     $('#race').change(function(){
  151.       if($(this).val() != 'Gnome'){ // or this.value == 'volvo'
  152.         $('#gnome-subrace').hide();
  153.       } else {
  154.         $('#gnome-subrace').show();
  155.       }
  156.     });
  157.     </script>
  158.  
  159.      
  160.       <div class="form-group other-subrace" id="gnome-subrace">
  161.         <label for="subrace">Sub-Race:</label>
  162.             <select name="subrace" class="form-control">
  163.               <option value="Forest Gnome">Forest Gnome</option>
  164.               <option value="Rock Gnome">Rock Gnome</option>
  165.               <option value="Deep Gnome">Deep Gnome</option>
  166.             </select>
  167.       </div>
  168.  
  169.  
  170.         <!-- HALFLING Subrace -->
  171.  
  172.  
  173.     <script type="text/javascript">
  174.     $('#race').change(function(){
  175.       if($(this).val() != 'Halfling'){ // or this.value == 'volvo'
  176.         $('#halfling-subrace').hide();
  177.       } else {
  178.         $('#halfling-subrace').show();
  179.       }
  180.     });
  181.     </script>
  182.  
  183.      
  184.       <div class="form-group other-subrace" id="halfling-subrace">
  185.         <label for="subrace">Sub-Race:</label>
  186.             <select name="subrace" class="form-control">
  187.               <option value="Lightfoot Halfling">Lightfoot Halfling</option>
  188.               <option value="Stout Halfling">Stout Halfling</option>
  189.             </select>
  190.       </div>
  191.  
  192.  
  193.  
  194.  
  195.       <div class="form-group">
  196.         <label for="level">Level:</label>
  197.         <input type="text" class="form-control" id="level" placeholder="" name="level" required>
  198.       </div>
  199.  
  200.     </div>
  201.  
  202.  
  203.  
  204.     <div id="char-create-part-2">
  205.       <div class="form-group">
  206.         <label for="strength">Strength:<sup>*</sup></label>
  207.         <input type="text" class="form-control" id="strength" placeholder="" name="strength">
  208.       </div>
  209.  
  210.  
  211.       <div class="form-group">
  212.         <label for="dexterity">Dexterity:<sup>*</sup></label>
  213.         <input type="text" class="form-control" id="dexterity" placeholder="" name="dexterity">
  214.       </div>
  215.  
  216.  
  217.       <div class="form-group">
  218.         <label for="constitution">Constitution:*</label>
  219.         <input type="text" class="form-control" id="constitution" placeholder="" name="constitution">
  220.       </div>
  221.  
  222.  
  223.       <div class="form-group">
  224.         <label for="intelligence">Intelligence:*</label>
  225.         <input type="text" class="form-control"  id="intelligence" placeholder="" name="intelligence">
  226.       </div>
  227.  
  228.  
  229.       <div class="form-group">
  230.         <label for="wisdom">Wisdom:*</label>
  231.         <input type="text" class="form-control" id="wisdom" placeholder="" name="wisdom">
  232.       </div>
  233.  
  234.  
  235.       <div class="form-group">
  236.         <label for="charisma">Charisma:*</label>
  237.         <input type="text" class="form-control" id="charisma" placeholder="" name="charisma">
  238.       </div>
  239.     </div>
  240.  
  241.  
  242.     <div id="char-create-part-3">
  243.  
  244.       <div class="form-group skills">
  245.       <div class="col-lg-6" id="skills-div">
  246.       <h2 style="padding-bottom:20px;">Skill Proficiencies:</h2>  
  247.      
  248.         <div class="col-lg-2 skill-checkbox">
  249.             <input type="checkbox" class="form-control" id="Acrobatics" placeholder="" value="Acrobatics" >
  250.         </div><div class="col-lg-10">
  251.             <label class="skill-label">Acrobatics</label><br><br><br>
  252.         </div>
  253.  
  254.         <div class="col-lg-2 skill-checkbox">
  255.            <input type="checkbox" class="form-control" id="AnimalHandling" placeholder="" value="Animal Handling">
  256.         </div><div class="col-lg-10">  
  257.            <label class="skill-label">Animal Handling </label><br><br><br>  
  258.         </div>
  259.  
  260.         <div class="col-lg-2 skill-checkbox">
  261.            <input type="checkbox" class="form-control" id="Arcana" placeholder="" value="Arcana">
  262.         </div><div class="col-lg-10">  
  263.            <label class="skill-label">Arcana</label><br><br><br>    
  264.         </div>
  265.  
  266.         <div class="col-lg-2 skill-checkbox">
  267.            <input type="checkbox" class="form-control" id="Athletics" placeholder="" value="Athletics">
  268.         </div><div class="col-lg-10">  
  269.            <label class="skill-label">Athletics</label><br><br><br>  
  270.         </div>
  271.  
  272.         <div class="col-lg-2 skill-checkbox">
  273.            <input type="checkbox" class="form-control" id="Deception" placeholder="" value="Deception">
  274.         </div><div class="col-lg-10">  
  275.            <label class="skill-label">Deception</label><br><br><br>  
  276.         </div>
  277.  
  278.         <div class="col-lg-2 skill-checkbox">
  279.            <input type="checkbox" class="form-control" id="History" placeholder="" value="History">
  280.         </div><div class="col-lg-10">  
  281.            <label class="skill-label">History</label><br><br><br>  
  282.         </div>
  283.  
  284.         <div class="col-lg-2 skill-checkbox">
  285.            <input type="checkbox" class="form-control" id="Insight" placeholder="" value="Insight">
  286.         </div><div class="col-lg-10">  
  287.            <label class="skill-label">Insight</label><br><br><br>  
  288.         </div>
  289.  
  290.         <div class="col-lg-2 skill-checkbox">
  291.            <input type="checkbox" class="form-control" id="Intimidation" placeholder="" value="Intimidation">
  292.         </div><div class="col-lg-10">  
  293.            <label class="skill-label">Intimidation</label><br><br><br>  
  294.         </div>
  295.  
  296.         <div class="col-lg-2 skill-checkbox">
  297.            <input type="checkbox" class="form-control" id="Investigation" placeholder="" value="Investigation">
  298.         </div><div class="col-lg-10">  
  299.            <label class="skill-label">Investigation</label><br><br><br>  
  300.         </div>
  301.  
  302.          <div class="col-lg-2 skill-checkbox">
  303.            <input type="checkbox" class="form-control" id="Medicine" placeholder="" value="Medicine">
  304.         </div><div class="col-lg-10">  
  305.            <label class="skill-label">Medicine</label><br><br><br>  
  306.         </div>
  307.  
  308.          <div class="col-lg-2 skill-checkbox">
  309.            <input type="checkbox" class="form-control" id="Nature" placeholder="" value="Nature">
  310.         </div><div class="col-lg-10">  
  311.            <label class="skill-label">Nature</label><br><br><br>  
  312.         </div>
  313.  
  314.          <div class="col-lg-2 skill-checkbox">
  315.            <input type="checkbox" class="form-control" id="Perception" placeholder="" value="Perception">
  316.         </div><div class="col-lg-10">  
  317.            <label class="skill-label">Perception</label><br><br><br>  
  318.         </div>
  319.  
  320.          <div class="col-lg-2 skill-checkbox">
  321.            <input type="checkbox" class="form-control" id="Persuasion" placeholder="" value="Persuasion">
  322.         </div><div class="col-lg-10">  
  323.            <label class="skill-label">Persuasion</label><br><br><br>  
  324.         </div>
  325.  
  326.          <div class="col-lg-2 skill-checkbox">
  327.            <input type="checkbox" class="form-control" id="Religion" placeholder="" value="Religion">
  328.         </div><div class="col-lg-10">  
  329.            <label class="skill-label">Religion</label><br><br><br>  
  330.         </div>
  331.  
  332.          <div class="col-lg-2 skill-checkbox">
  333.            <input type="checkbox" class="form-control" id="SleightOfHand" placeholder="" value="Sleight Of Hand">
  334.         </div><div class="col-lg-10">  
  335.            <label class="skill-label">Sleight Of Hand</label><br><br><br>  
  336.         </div>
  337.  
  338.          <div class="col-lg-2 skill-checkbox">
  339.            <input type="checkbox" class="form-control" id="Stealth" placeholder="" value="Stealth">
  340.         </div><div class="col-lg-10">  
  341.            <label class="skill-label">Stealth</label><br><br><br>  
  342.         </div>
  343.  
  344.          <div class="col-lg-2 skill-checkbox">
  345.            <input type="checkbox" class="form-control" id="Survival" placeholder="" value="Survival">
  346.         </div><div class="col-lg-10">  
  347.            <label class="skill-label">Survival</label><br><br><br>  
  348.         </div>
  349.  
  350.  
  351.  
  352.  
  353.       </div>
  354.  
  355.       <div class="col-lg-6" id="languages-div">  
  356.       <h2 style="padding-bottom:20px;">Standard Languages:</h2>
  357.    
  358.         <div class="col-lg-2">
  359.             <input type="checkbox" class="form-control" id="Common" placeholder="" value="Common">
  360.         </div><div class="col-lg-10">
  361.             <label class="skill-label">Common</label><br><br><br>
  362.         </div>
  363.  
  364.         <div class="col-lg-2">
  365.             <input type="checkbox" class="form-control" id="Dwarvish" placeholder="" value="Dwarvish">
  366.         </div><div class="col-lg-10">
  367.             <label class="skill-label">Dwarvish</label><br><br><br>
  368.         </div>
  369.  
  370.         <div class="col-lg-2">
  371.             <input type="checkbox" class="form-control" id="Elvish" placeholder="" value="Elvish">
  372.         </div><div class="col-lg-10">
  373.             <label class="skill-label">Elvish</label><br><br><br>
  374.         </div>
  375.  
  376.         <div class="col-lg-2">
  377.             <input type="checkbox" class="form-control" id="Giant" placeholder="" value="Giant">
  378.         </div><div class="col-lg-10">
  379.             <label class="skill-label">Giant</label><br><br><br>
  380.         </div>
  381.  
  382.         <div class="col-lg-2">
  383.             <input type="checkbox" class="form-control" id="Gnomish" placeholder="" value="Gnomish">
  384.         </div><div class="col-lg-10">
  385.             <label class="skill-label">Gnomish</label><br><br><br>
  386.         </div>
  387.  
  388.         <div class="col-lg-2">
  389.             <input type="checkbox" class="form-control" id="Goblin" placeholder="" value="Goblin">
  390.         </div><div class="col-lg-10">
  391.             <label class="skill-label">Goblin</label><br><br><br>
  392.         </div>
  393.  
  394.         <div class="col-lg-2">
  395.             <input type="checkbox" class="form-control" id="Halfling" placeholder="" value="Halfling">
  396.         </div><div class="col-lg-10">
  397.             <label class="skill-label">Halfling</label><br><br><br>
  398.         </div>
  399.  
  400.         <div class="col-lg-2">
  401.             <input type="checkbox" class="form-control" id="Orc" placeholder="" value="Orc">
  402.         </div><div class="col-lg-10">
  403.             <label class="skill-label">Orc</label><br><br><br>
  404.         </div>
  405.  
  406.       <h2 style="padding-bottom:10px; padding-top:20px;">Exotic Languages:</h2>
  407.      
  408.  
  409.         <div class="col-lg-2">
  410.             <input type="checkbox" class="form-control" id="Abyssal" placeholder="" value="Abyssal">
  411.         </div><div class="col-lg-10">
  412.             <label class="skill-label">Abyssal</label><br><br><br>
  413.         </div>
  414.  
  415.         <div class="col-lg-2">
  416.             <input type="checkbox" class="form-control" id="Celestial" placeholder="" value="Celestial">
  417.         </div><div class="col-lg-10">
  418.             <label class="skill-label">Celestial</label><br><br><br>
  419.         </div>
  420.  
  421.         <div class="col-lg-2">
  422.             <input type="checkbox" class="form-control" id="DeepSpeech" placeholder="" value="DeepSpeech">
  423.         </div><div class="col-lg-10">
  424.             <label class="skill-label">Deep Speech</label><br><br><br>
  425.         </div>
  426.  
  427.         <div class="col-lg-2">
  428.             <input type="checkbox" class="form-control" id="Draconic" placeholder="" value="Draconic">
  429.         </div><div class="col-lg-10">
  430.             <label class="skill-label">Draconic</label><br><br><br>
  431.         </div>
  432.  
  433.         <div class="col-lg-2">
  434.             <input type="checkbox" class="form-control" id="Infernal" placeholder="" value="Infernal">
  435.         </div><div class="col-lg-10">
  436.             <label class="skill-label">Infernal</label><br><br><br>
  437.         </div>
  438.  
  439.         <div class="col-lg-2">
  440.             <input type="checkbox" class="form-control" id="Primordial" placeholder="" value="Primordial">
  441.         </div><div class="col-lg-10">
  442.             <label class="skill-label">Primordial</label><br><br><br>
  443.         </div>
  444.  
  445.         <div class="col-lg-2">
  446.             <input type="checkbox" class="form-control" id="Sylvan" placeholder="" value="Sylvan">
  447.         </div><div class="col-lg-10">
  448.             <label class="skill-label">Sylvan</label><br><br><br>
  449.         </div>
  450.  
  451.         <div class="col-lg-2">
  452.             <input type="checkbox" class="form-control" id="Undercommon" placeholder="" value="Undercommon">
  453.         </div><div class="col-lg-10">
  454.             <label class="skill-label">Undercommon</label><br><br><br>
  455.         </div>  
  456.  
  457.  
  458.       <div class="col-lg-2" style="margin-top:35px; line-height: 2.38; display:;">
  459.  
  460.  
  461.  
  462.       </div>
  463.  
  464.  
  465.  
  466.  
  467.  
  468.        </div>
  469.     </div>
  470.  
  471.     </div>
  472.  
  473.  
  474.  
  475.    
  476.  
  477.     <button type="submit" class="btn btn-default" id="submitButton">Submit</button>
  478.      </form>        
  479.  
  480.  
  481.  
  482.  
  483.  
  484.     </div>
  485.  
  486.           <div id="buttons" style="padding-bottom: 35px; padding-top: 35px;">
  487.             <button class="btn btn-info" id="rollStats4DropLowest" data-toggle="d6Stats" title="Rolls 4d6 and drops the lowest roll for each stat">Generate random stats</button>
  488.             <button type="button" class="btn btn-warning" id="back1" style="margin-right: 20px;">Back</button>
  489.             <button type="button" class="btn btn-success" style="" id="next1" style="margin-top:35px">Next</button>
  490.             <div class="alert alert-warning" id="validation-1-alert" style="display: inline-block !important; margin-left:30px;">
  491.             <strong>Warning!</strong> Please fill in all required fields.
  492.           </div>
  493.     </div>
  494.      
  495.  
  496. <script type="text/javascript">
  497.   $('[data-toggle="d6Stats"]').tooltip();
  498.  
  499.  
  500. </script>
  501.  
  502. <input type="text" class="form-control" id="skillsField">
  503. <input type="text" class="form-control" id="languagesField">
  504.  
  505. <script type="text/javascript">
  506. $(document).ready(function(){
  507.     $('#next1').click(function(){
  508.  
  509. if (nextCounter == 0) {
  510.    
  511.   a=document.getElementById("characterName").value;;
  512.   b=document.getElementById("level").value;;
  513.  
  514.     if (a==null || a=="", b==null || b=="" ) {
  515.  
  516.       $('#validation-1-alert').show ();
  517.      
  518.  
  519.  
  520. } else {            
  521.       $('#char-create-part-1').hide();
  522.       $('#char-create-part-2').show();
  523.       $('#back1').show();
  524.       $('#validation-1-alert').hide ();
  525.       $('#rollStats4DropLowest').show ();
  526.       nextCounter = 1;
  527.      
  528.     }
  529.  
  530.  
  531. } else if (nextCounter == 1) {
  532.  
  533.   a=document.getElementById("strength").value;;
  534.   b=document.getElementById("dexterity").value;;
  535.   c=document.getElementById("constitution").value;;
  536.   d=document.getElementById("intelligence").value;;
  537.   e=document.getElementById("wisdom").value;;
  538.   f=document.getElementById("charisma").value;;
  539.  
  540.     if (a==null || a=="", b==null || b=="", c==null || c=="", d==null || d=="", e==null || e=="" , f==null || f=="") {
  541.  
  542.       $('#validation-1-alert').show ();
  543.      
  544.  
  545.  
  546.     } else {            
  547.       $('#char-create-part-1').hide ();
  548.       $('#char-create-part-2').hide();
  549.       $('#char-create-part-3').show();
  550.       $('#show').hide();
  551.  
  552.       $('#validation-1-alert').hide ();
  553.       $('#rollStats4DropLowest').hide ();
  554.      
  555.       nextCounter = 2;
  556.  
  557.     }
  558.  
  559.   } else if (nextCounter == 2) {
  560.  
  561.     event.preventDefault();
  562.     var skillsList = $("#skills-div input:checkbox:checked").map(function(){
  563.       return $(this).val();
  564.     }).get();
  565.  
  566.  
  567.     event.preventDefault();
  568.     var languagesList = $("#languages-div input:checkbox:checked").map(function(){
  569.       return $(this).val();
  570.     }).get();
  571.  
  572.  
  573.  
  574.     $('#submitButton').show();
  575.  
  576.     skillsVar = skillsList.toString();
  577.     langVar = languagesList.toString();
  578.     console.log(skillsVar + ", " + langVar);
  579.  
  580.     $('#skillsField').val(skillsVar);
  581.     $('#languagesField').val(langVar);
  582.  
  583.   }
  584.  
  585.  
  586.  
  587.  
  588.   })
  589.  
  590.   })
  591.     </script>
  592.  
  593. <script type="text/javascript">
  594. $(document).ready(function(){
  595.     $('#rollStats4DropLowest').click(function(){
  596.    
  597.  
  598.       var min = 1;
  599.       var max = 7;
  600.  
  601.       function getRandomd6(min, max) {
  602.       return Math.floor(Math.random() * (max - min)) + min;
  603.                                    }
  604.  
  605.      
  606.       var newStats = []    
  607.  
  608.  
  609.  
  610.       for (var i = 0; i < 6; i++) {                        
  611.         var stats = [];
  612.                                        
  613.         var d61 = getRandomd6(min, max);
  614.         var d62 = getRandomd6(min, max);
  615.         var d63 = getRandomd6(min, max);
  616.         var d64 = getRandomd6(min, max);
  617.  
  618.         stats = [d61, d62, d63, d64];
  619.         stats.sort(function(a, b){return b-a});
  620.         stats.pop();
  621.         statsTotal = stats.reduce(function(acc, val) {
  622.         return acc + val;
  623.         }, 0);
  624.         newStats.push(statsTotal);
  625.  
  626.         console.log(stats + ", " + statsTotal);
  627.       }
  628.  
  629.       console.log("Stats: " + newStats);
  630.       $('[name=strength]').val(newStats[0]);
  631.       $('[name=dexterity]').val(newStats[1]);
  632.       $('[name=constitution]').val(newStats[2]);
  633.       $('[name=intelligence]').val(newStats[3]);
  634.       $('[name=wisdom]').val(newStats[4]);
  635.       $('[name=charisma]').val(newStats[5]);
  636.  
  637.       })
  638.  
  639. })
  640.  
  641.  
  642.   </script>
  643.  
  644.  
  645.   <script type="text/javascript">
  646.     $(document).ready(function(){
  647.     $('#back1').click(function(){
  648.  
  649.       if (nextCounter == 1){
  650.  
  651.       $('#char-create-part-1').show ();
  652.       $('#char-create-part-2').hide();
  653.       $('#rollStats4DropLowest').hide();
  654.       nextCounter = 0;
  655.     }
  656.  
  657.  
  658.     else if (nextCounter == 2){
  659.        
  660.         $('#char-create-part-2').show();
  661.         $('#char-create-part-3').hide();
  662.         $('#rollStats4DropLowest').show ();
  663.         nextCounter = 1;
  664.  
  665.     }
  666.  
  667.     })
  668.    })
  669.     </script>
  670.  
  671.  
  672.  
  673.  
  674.  
  675.  
  676.  
  677.  
  678. </div>
  679.  
  680.  
  681. @endsection
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement