@if ($message = Session::get('success'))
<div class="demo-spacing-0 mb-1">
    <div class="alert alert-success alert-dismissible fade show" role="alert">
        <div class="alert-body">
            <i class="fa fa-check-circle" style="font-size:16px;" aria-hidden="true"></i>
            {{ $message }}
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">

        </div>
        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true">&times;</span>
        </button>
    </div>
</div>
@elseif ($message = Session::get('error'))
<div class="demo-spacing-0 mb-1">
    <div class="alert alert-danger alert-dismissible fade show" role="alert">
        <div class="alert-body">
            <i class="fa fa-exclamation-triangle" aria-hidden="true"></i>
            {{ $message }}
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">

        </div>
        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true">&times;</span>
        </button>
    </div>
</div>
@endif
<div class="alert alert-success p-1" id="success-alert" style="display: none;">
	<i class="fa fa-check-circle" style="font-size:16px;" aria-hidden="true"></i>
	<span id="success-message"></span>
</div>

<div class="alert alert-danger p-1" id="error-alert" style="display: none;">
	<i class="fa fa-exclamation-triangle" style="font-size:16px;" aria-hidden="true"></i>
	<span id="error-message"></span>
</div>
<div class="social-profile mb-0">
    <div class="">
      <div class="social-img-wrap">
        <h1 class="text-center">Tab Language Form</h1> 
        <hr>     
        <div class="social-img">
          <h1>Add Language </h1>
        </div>
       
      </div>
    </div>
</div>

<div class="Customer-details">
    {{-- <form class="form"
    id="categoryform1" action="" method="POST"> --}}
    <input type="hidden" id="tab_form_type" name="tab_form_type" value="assign_tab_langauge_form">
    <input type="hidden" id="tab_id" name="tab_id" value="{{  $tab_id  }}" autocomplete="off" />
    <input type="hidden" id="id" name="id" value="{{  $id  }}" autocomplete="off" />

   
        {{ csrf_field() }}
        
        <div class="row">
            <div class="col-md-4 form-group select2 form-select" id="device">
                <label class="form-label" for="validationTooltip01"> Language <span style="color:red"> *</span></label>
                <select class=" form-control form-select  " id="language"  name='language'>
                    <option value=''>-- Select Language --</option>
                    
                    
                </select>
                @error('language')
                <span class="text-danger">{{ $message }}</span>
                @enderror
                <h5><small class="text-danger" id="language_err"></small></h5>
            </div>

            <div class="col-md-4 ">   
                <div class="form-group">
                    <label for="tab_title">Tab Text<span style="color:red"> *</span> </label>
                    <input type="text" id="tab_title" class="form-control"
                        placeholder="Enter Form Title" name="tab_title"
                        value="" autocomplete="off" />
                    @error('tab_title')
                        <span class="text-danger">{{ $message }}</span>
                    @enderror
                    <h5><small class="text-danger" id="tab_title_err"></small></h5>
                </div>
            </div>
            

            <div class="col-12 text-center mt-1">
                <input type="button" class="btn btn-primary mr-1" onClick="return validation()" value="Submit">
                <a class="btn btn-outline-secondary" href="javascript:void(0);" onClick='$("#tab_language_modal").modal("toggle")'>Cancel</a>
            </div>
        
        </div>    
    {{-- </form> --}}
    <br><hr>
    <div class="table" id="tab_language_table">
            <table class="table no-border" style="text-align: left">
                <h4>TAB LANGUAGE INFORMATION</h4>
                <thead>
                <tr>
                <th scope="col">Id</th>  
                <th scope="col">Language</th>
                <th scope="col">Text</th>
                <th scope="col">Action</th>
                </tr>
                </thead>
                <tbody>
                    
                @php  $i = 0; @endphp
                                <tr><td colspan="6" class="text-center">DATA NOT FOUND</td></tr>
                   
                </tbody>         
            </table>
    </div>  
    <div class="col-12 text-center mt-1">
    <a class="btn btn-outline-secondary" href="javascript:void(0);" onClick='$("#tab_language_modal").modal("toggle")'>Cancel</a>
    </div> 

</div>


<script>

    function deltablang(id,tab_id,key,element) {
        
        var url = '