@extends('layout.index')
@section('title','Show All Routes')
<!-- Dashboard start -->
@section('content')
<style>
   #notation_panel{
   position: absolute;
   float: left !important;
   left: 20px;
   padding: 10px;
   z-index: 1000;
   width: fit-content;
   max-height: 400px;
   overflow-y: scroll;
   background-color: #000000cf;
   /* opacity: 0.7; */
   color: #ffffff;
   border-radius: 5px;
   top: 200px;
   }
   @media (max-width: 768px) {
   #notation_panel{
   top: 220px;
   }
   }
   @media (max-width: 575px) {
   #notation_panel{
   top: 350px;
   }
   }
</style>
<div class="content-body">
   <!-- Bordered table start -->
   <div class="row" id="table-bordered">
      <div class="col-12">
         <div class="card mb-1">
            <div class="card-header w-100" >
               <div class="content-header-left">
                  <div class="row breadcrumbs-top">
                     <div class="col-sm-12">
                        <h2 class="content-header-title float-left mb-0">Show All Routes</h2>
                     </div>
                  </div>
               </div>
               <div class="d-flex justify-content-end breadcrumb-wrapper">
                  <nav aria-label="breadcrumb">
                     <ol class="breadcrumb mr-1">
                        <li class="breadcrumb-item"><a href="javascript:void(0)">Home</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Show All Routes</li>
                     </ol>
                  </nav>
               </div>
            </div>
         </div>
      </div>
   </div>
   <!-- Bordered table end -->
</div>
<div class="content-body">
<div class="row" id="table-bordered">
<div class="col-12">
   <div class="card">
      <div class="card-header w-100 p-1" >
         <div class="row w-100">
            <div class="col-sm-6">
               <form method="post" id="search_frm" action="{{route('route_master.view_all_routes')}}">
                  <input type="hidden" name="form_type" value="search_form">
                  @csrf
                  <div class="row w-100" >
                     <div class="col-sm-4">
                        <div class="form-group m-0">
                           <select class="select2 form-select" id="Pakage_id" name="Pakage_id" onChange="get_wards()" >
                             
                              @foreach($Pakages as $val)
                              @php $selected = ''; @endphp 
                              @if($Pakage_id == $val->id)
                              @php $selected ='selected'; @endphp
                              @endif
                              <option {{ $selected }} value="{{ $val->id }}">{{ $val->Pakage_name }}</option>
                              @endforeach 
                           </select>
                        </div>
                     </div>
                     <div class="col-sm-4">
                        <div class="form-group m-0">
                           <select class="select2 form-select" id="ward_id" name="ward_id">
                              <option value="0">--All Wards--</option>
                              @foreach($wards as $val)
                              @php $selected = ''; @endphp 
                              @if($ward_id == $val->id)
                              @php $selected ='selected'; @endphp
                              @endif
                              <option {{ $selected }} value="{{ $val->id }}">{{ $val->ward_name }}</option>
                              @endforeach 
                           </select>
                        </div>
                     </div>
                     <div class="col-sm-4">
                        <button type="submit" class="btn btn-primary">Search</button>
                             
                     </div>
                  </div>
               </form>
            </div>
            <div class="col-sm-4 d-flex align-items-center">
               <form method="post" id="show_hide_frm" action="{{route('route_master.view_all_routes')}}">
                  <input type="hidden" name="form_type" value="show_hide_frm">
                  @csrf
                  <tr>
                     <td>
                        <input style="" type="checkbox" id="show_routes" name="show_routes" onClick="show_hide_routes_packetes()" >
                     </td>
                     <td><strong>Show Route's</strong></td>
                     <td>&nbsp;</td>
                     <td>
                        <input style="" type="checkbox" id="show_pockets" name="show_pockets" onClick="show_hide_routes_packetes()" >
                     </td>
                     <td><strong>Show Pocket's</strong></td>
                  </tr>
               </form>
            </div>

            <div class="col-sm-2">
              
               <button type="button" class="btn btn-outline-primary float-right">
                  <i class="fa fa-arrow-left" aria-hidden="true"></i>
                  <a href="{{ route('all_routes.index') }}">Back</a>
               </button>
            </div>

         </div>
      </div>