@extends('adminlte::page')
@section('content_header')
    <h1>Merge {{request()->session()->get('session_tname')}}s</h1>
@stop

<script src="//code.jquery.com/jquery.js"></script>

@section('content')
    
     @if ($errors->any())
         <div class="alert alert-danger">
             <ul>
                 @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                 @endforeach
            </ul>
        </div>
     @endif
    @if (session('status'))
        <div class="alert alert-success">
             {{ session('status') }}
        </div>
    @endif

  <div class="row">
            <!--row starts-->
     <div class="col-md-12">
        <div class="panel panel-primary">
           <div class="panel-heading">
                <h3 class="panel-title">
                           Merge {{request()->session()->get('session_tname')}}
                        </h3>
           </div>

                <div class="panel-body">
                   
                     <form class="form-horizontal"  action="{{ url('merges') }}" method="post" >
                         {{ csrf_field() }}
                        <div class="form-group">
                            <label for="tapalmerge">Select {{request()->session()->get('session_tname')}}: </label>
                            <select class="form-control" name="tapalmerge" id="tapalmerge" onchange="loadtapal();" style="width: 450px;" required>
                              <option value="">Select</option>
                                 @foreach($tapalinbox as $tapalno)   
                                       <option value="{{$tapalno->tapal->id}}"placeholder="choose Tapal">{{$tapalno->tapal->tapal_no}}</option>    
                                 @endforeach
                            </select>
                        </div>
                     

                         <div class="form-group">
                            <label for="tapalmerge2">Merge To {{request()->session()->get('session_tname')}} :</label>
                            <select class="form-control" id="tapalmerge2" name="tapalmerge2" onchange="loadtapal();" style="width: 450px;" required>
                                <option value="">Select</option>
                                    @foreach($tapalinbox as $tapalno)
                                    
                                        
                                   <option value="{{$tapalno->tapal->id}}"placeholder="choose Tapal">{{$tapalno->tapal->tapal_no}}</option>    
                               
                            @endforeach
                               
                           </select>
                    </div> 
                              <button type="submit" class="btn btn-primary mb-2">Merge</button>
                   </form>
       
                  </div>     
            

            <!--md-12 ends-->   
<script type="text/javascript">
  function loadtapal()
  {
    var tapalmerge;
    var tapalmerge2;
    tapalmerge = document.getElementById("tapalmerge").value;
    tapalmerge2 = document.getElementById("tapalmerge2").value;
    if(tapalmerge==tapalmerge2)
    {
      alert("Tapals selected shouldn't be same.");
      document.getElementById("tapalmerge2").value = "";
      return false;
    }
    return true;
  }
</script>
@stop