@extends('layouts.app_admin')

@section('content')

<!-- sidebar-wrapper  -->
<main class="page-content course_page">
   <div class="container-fluid">
      <div class="breadcrumb1">
         <ul>
            <li><a href="{{ url('admin-dashboard') }}">Dashboard ></a></li>
            <li><a href="{{ url('landing-page-master') }}">Page List ></a></li>
            <li>Edit Page</li>
         </ul>
      </div>

      <!-- Breadcumb End -->
      <div class="form-wrapper add-field">
        @include('admin.session_message.error')
         <form id="tendor-form" action="" method="POST" >
            @csrf
          
            <div class="row">
              <div class="col-md-4">
               <label for="staff_type_id">Staff Type<span class="maditory_star">*</span></label>
              </div>

              <div class="col-md-8">            
                <div class="select-box">
                  <select  class="select2 form-control" name="staff_type_id" id="staff_type_id" data-rule-required="true" data-msg-required="Please select staff type">
                      <option value="">Select Staff Type</option>
                      @foreach($staff as $val)
                      <option value="{{ $val->staff_type_id }}"   @if(($val->staff_type_id) == $page['staff_type_id']) selected @endif)>{{ $val->staff_type_name }}</option>
                      @endforeach
                  </select>
                  <span for="staff_type_id" class="error_validate"></span>
              </div>
              </div>
            </div>

             <div class="row">
              <div class="col-md-4">
               <label for="menu_type_id">Menu Type<span class="maditory_star">*</span></label>
              </div>

              <div class="col-md-8">            
                <div class="select-box">
                  <select  class="select2 form-control" name="menu_type_id" id="menu_type_id" data-rule-required="true" data-msg-required="Please select menu type">
                      <option value="">Select menu Type</option>
                      @foreach($menu as $val)
                      <option value="{{ $val->menu_id }}" @if($val->menu_id == $page['menu_id']) selected @endif >{{ $val->menu_name }}</option>
                      @endforeach
                  </select>
                  <span for="menu_type_id" class="error_validate"></span>
              </div>
              </div>
            </div>

        <div class="row">
            <div class="col-md-4">
            <label for="status">Status<span class="maditory_star">*</span></label>
        </div>
          <div class="col-md-8">
            <div class="select-box">
              <select class="select2" name="status" id="status" data-rule-required="true" data-msg-required="Please select status">
                <option value="" selected>Select Status</option>
                <option @if($page->status == 'active') selected @endif value="active">Active</option>
                <option @if($page->status == 'inactive') selected @endif value="inactive">Inactive</option>
              </select>
               <span for="status" class="error_validate"></span>
            </div>
          </div>
        </div>
          
            <div class="row">
              <div class="col-md-9 offset-md-3">
                <div class="text-center form-btn">
                  <button type="submit" class="common-btn active">Add</button>
                  <a href="{{ url('/landing-page-master') }}" class="common-btn">Cancel</a>
                </div>
              </div>
            </div>

         </form>
      </div>
   </div>
   <!-- container fluid -->
</main>
<!-- page-content" -->
</div>
<!-- page-wrapper -->
<script src="{{ url('/public/admin_assets/developer_validate/jquery.validate.min.js')}}"></script>
<script src="{{ url('/public/admin_assets/developer_validate/custom_validate.js')}}"></script>


  <script type="text/javascript">
   $('#tendor-form').validate({
       onfocusout: function(element) {
       this.element(element);
       },
       errorClass: 'error_validate',
       errorElement:'span',
       highlight: function(element, errorClass) {
       $(element).removeClass(errorClass);

       },
       submitHandler:function(form)
       {
   
      $('#page_sub_btn').prop("disabled", true);
      form.submit();
       }
   });
   

  
</script>
@endsection
<!-- Footer -->