search_input.blade.php 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  1. <style>
  2. #adv-search .dropdown.dropdown-lg {
  3. display: flex !important;
  4. }
  5. #adv-search #searchText {
  6. display: flex !important;
  7. }
  8. .dropdown.dropdown-lg .dropdown-menu {
  9. margin-top: -1px;
  10. padding: 6px 20px;
  11. }
  12. .input-group-btn .btn-group {
  13. display: flex !important;
  14. padding: 0 !important;
  15. }
  16. .btn-group .btn {
  17. border-radius: 0;
  18. margin-left: -1px;
  19. }
  20. .btn-group .btn:last-child {
  21. border-top-right-radius: 4px;
  22. border-bottom-right-radius: 4px;
  23. }
  24. .btn-group .form-horizontal .btn[type="submit"] {
  25. border-top-left-radius: 4px;
  26. border-bottom-left-radius: 4px;
  27. }
  28. .form-horizontal .form-group {
  29. margin-left: 0;
  30. margin-right: 0;
  31. }
  32. .form-group .form-control:last-child {
  33. border-top-left-radius: 4px;
  34. border-bottom-left-radius: 4px;
  35. }
  36. @media screen and (min-width: 768px) {
  37. #adv-search {
  38. width: 500px;
  39. /*margin: 0 auto;*/
  40. }
  41. .dropdown.dropdown-lg {
  42. position: static !important;
  43. }
  44. .dropdown.dropdown-lg .dropdown-menu {
  45. min-width: 500px;
  46. }
  47. }
  48. </style>
  49. {{--<form class="navbar-form" id="search-form" method="POST" action="{{ route('sphinx.search') }}" role="search">--}}
  50. <form class="navbar-form" id="search-form" method="GET" action="{{ route('debug') }}" role="search">
  51. {{--<form id="search-form" method="POST" action="{{ route('sphinx.search') }}" role="search">--}}
  52. {{ csrf_field() }}
  53. <div class="input-group" id="adv-search">
  54. <input type="text" class="form-control" name="searchText" id="searchText"
  55. placeholder="Введите название предмета..."/>
  56. <div class="input-group-btn">
  57. <div class="btn-group" role="group">
  58. <div class="dropdown dropdown-lg">
  59. <button type="button" class="btn btn-default dropdown-toggle"
  60. data-toggle="dropdown" aria-expanded="true">
  61. <span class="caret"></span>
  62. </button>
  63. <div class="dropdown-menu dropdown-menu-right" role="menu">
  64. {{--<form class="form-horizontal" role="form">--}}
  65. <div class="form-group">
  66. <label for="filter">Фильтр по категории</label>
  67. <select class="form-control" name="subCat" id="subCat" value="0">
  68. <option value="0" disabled selected hidden>Выберите категорию</option>
  69. @isset($categories)
  70. @foreach($categories as $category)
  71. <optgroup label="{{ $category->title }}">
  72. @foreach($category->subcategory as $subcategory )
  73. <option value="{{ $subcategory->id }}">{{ $subcategory->title }}</option>
  74. @endforeach
  75. </optgroup>
  76. @endforeach
  77. @endisset
  78. </select>
  79. </div>
  80. {{--</form>--}}
  81. </div>
  82. </div>
  83. <button class="btn btn-default" type="submit">
  84. <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
  85. </button>
  86. </div>
  87. </div>
  88. </div>
  89. </form>