@extends('layouts.adminmaster')
@section('styles')
<link rel="stylesheet" href="{{asset('css/admincss/select2.min.css')}}">
@endsection
@section('admincontent')

@if ($message = Session::get('success'))
<div class="alert alert-success alert-dismissible">
  {{ $message }}
  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
      <span aria-hidden="true">&times;</span>
  </button>
</div>
@elseif($message = Session::get('failure'))
<div class="alert alert-dismissible alert-danger">
  {{ $message }}
  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
      <span aria-hidden="true">&times;</span>
  </button>
</div>
@endif
<!-- Breadcubs Area End Here -->
<!-- Student Table Area Start Here -->
<div class="card height-auto" style="margin-top: 20px;">
  <div class="card-body">
    <div class="heading-layout1">
      <div class="item-title">
        <h3>All Vehicle Type</h3>
      </div>
      <div class="dropdown">
        @can('vehicletype-create')
        <button type="button" class="modal-trigger fw-btn-fill btn-gradient-yellow" data-toggle="modal" data-target="#large-modal">Add Vehicletype</button>
        @endcan

        <button class="btn btn-success"><i class="fa fa-money-bill"></i>View Rates</button>
      </div>
    </div>
    <div class="table-responsive">
      <table class="table display data-table text-nowrap dataTable">
        <thead>
          <tr>
            <th>S no.</th>
            <th>Name</th>
            <th class="text-right">Action</th>
          </tr>
        </thead>
        <tbody>
          @foreach ($vehicletype as $key => $per)

          <tr>
            <td>{{ ++$key }}</td>
            <td>{{ $per->name}}</td>
            <td class="text-right">
             @can('vehicletype-edit')
             <a class="btn-fill-sm text-light radius-4 gradient-dodger-blue" data-toggle="modal" data-target="#edit-modal" onclick="edit('{{$per->id}}','{{$per->name}}')">Edit</a>
             @endcan
             @can('add-reg-fee')
                <a class="btn-fill-sm text-light radius-4 gradient-dodger-blue" onclick="ratemap('{{$per->id}}','{{$per->name}}')">Add Rate</a>
             @endcan
             @can('vehicletype-delete')
              <a class="btn-fill-sm text-light radius-4 bg-gradient-gplus" data-toggle="modal" data-target="#delete-modal" onclick="destroy('{{$per->id}}')" style="display:none">Delete</a>
             @endcan
           </td>
         </tr>
         @endforeach
       </tbody>
     </table>
   </div>
 </div>
</div>



<div class="modal fade" id="large-modal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Add Vehicle Type</h5>
                <button type="button" class="close" data-dismiss="modal"
                    aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form method="post" action="{{route('vehicletype.store')}}">
            {{csrf_field()}}
            <div class="modal-body">
                <div class="row gutters-15">
                      <div class="form-group col-6">
                        <label>Name <span class="text-red">*</span></label>
                          {!! Form::text('name', null, array('placeholder' => 'Vehicle Type','class' => 'form-control')) !!}
                      </div>
                  </div>

                      
            </div>
            <div class="modal-footer">
                <button type="submit" class="footer-btn bg-linkedin">Save</button>
                <button type="button" class="footer-btn bg-dark-low" data-dismiss="modal">Close</button>
            </div>
          </form>
        </div>
    </div>
</div>



<div class="modal fade" id="ratemodal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Add Rate for <span id="rate_title"></span></h5>
                <button type="button" class="close" data-dismiss="modal"
                    aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>

                        <form method="post" action="{{route('vehicletype.addrate')}}">
                {{csrf_field()}}
                <input type="hidden" name="type_id" id="type_id">
                <div class="modal-body">
                    <div class="row gutters-15">
                        <table class="table datatable">
                            <thead>
                                <tr>
                                  <th style="width: 5%;"><input type="checkbox" class="select-all">All</th>
                                  <th style="width: 80%;">Prali Name</th>
                                  <th style="width: 15%;">Rate For Registration</th>
                                </tr>
                            </thead>
                            <tbody>
                              @foreach($pralilist as $key => $prali)
                                <tr>
                                    <td><input type="checkbox" name="selected_prali[]" value="{{$prali->id}}"></td>
                                    <td>{{$prali->name}}</td>
                                    <td><input type="number" step="any" name="rate_{{$prali->id}}" class="form-control" style="height: 35px;"></td>
                                </tr>
                              @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="footer-btn bg-linkedin">Save</button>
                    <button type="button" class="footer-btn bg-dark-low" data-dismiss="modal">Close</button>
                </div>
            </form>
        </div>
    </div>
</div>


<div class="modal fade" id="edit-modal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Edit Vehicle Type</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form method="post" id="edit-form">
              @csrf
              @method('patch')
            <div class="modal-body">
                <div class="row gutters-15">
                      <div class="form-group col-6">
                        <label>Name <span class="text-red">*</span></label>
                          {!! Form::text('name', null, array('placeholder' => 'Name','class' => 'form-control','id'=>'name')) !!}
                      </div>
                  </div>
            </div>
            <div class="modal-footer">
                <button type="submit" class="footer-btn bg-linkedin">Save</button>
                <button type="button" class="footer-btn bg-dark-low" data-dismiss="modal">Close</button>
            </div>
          </form>
        </div>
    </div>
</div>

<div class="modal fade" id="delete-modal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Delete Vehicle Type</h5>
                <button type="button" class="close" data-dismiss="modal"
                    aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="row gutters-15">
                      <p>Are You sure You want to delete this Vehicle Type?</p>
                  </div>
            </div>
            <div class="modal-footer">
              <form method="post" action="" id="delete_form">
                  {{csrf_field()}}
                  {{method_field('DELETE')}}
                  <button type="submit" class="footer-btn bg-danger" >Delete</button>
                  <button type="button" class="footer-btn bg-dark-low" data-bs-dismiss="modal">Cancel</button>
              </form>
            </div>
          
        </div>
    </div>
</div>

@endsection

@section('scripts')
<script src="{{asset('js/adminjs/jquery.cookies.js')}}"></script>

<script type="text/javascript">
  function edit(id,name){
  	$('#id').val(id);
    $('#name').val(name);
    var form=$('#edit-form');
        var address='{{url('/vehicletype/update')}}'+'/'+id; 
        form.prop('action',address)
  }

  function destroy(id){
        var form=$('#delete_form');
        var address='{{url('/vehicletype')}}'+'/'+id;
        form.prop('action',address)
    }


    function ratemap(id,name){
       $.cookie('vehicletype',id);
       $('#ratemodal').modal('show');
      $('#type_id').val(id);
      $('#rate_title').html(name);
    }


    $(document).on('click', '.select-all', function () {
        $(this).closest('table').find('td input:checkbox').prop('checked', this.checked);
    });
</script>

@if (count($errors) > 0)
    <script>
        $( document ).ready(function() {
            $('#large-modal').modal('show');
        });
    </script>
@endif
@endsection