@extends('adminlte::page')
@section('content_header')
    <h1>Search</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">
                            Search
                            </h3>
                            </div>

                <div class="panel-body">
                       
                     <form class="form-horizontal" action="{{ url('searchpostdata') }}" method="post" id="template">
                            <!-- CSRF Token -->
                             <input type="hidden" name="_token" value="{{csrf_token()}}">



                                    <div class="form-group">  
                                    <label class="col-md-3 control-label" for="name"></label>      
                                    <div class="col-md-9">
                                    <div class="radio">
                                    <label> <input type="radio" name="type" id="type"  value="tapal" onclick="toggleupload2()"><b>{{request()->session()->get('session_tname')}}</b></label> 
                                    </div>
                                    <div class="radio">
                                    <label> <input type="radio" name="type" id="type"  value="file" onclick="toggleupload()"><b>{{request()->session()->get('session_fname')}}</b></label>
                                    </div>
                                    </div>
                                    </div>


                                    <div class="form-group" id="external_content_div" style="display: none;">
                                    <div class="col-md-3 text-right">
                                    <label >Number</label>
                                    </div>

                                    <div class="col-md-9">
                                    <input id="number" name="number" type="text" class="form-control">
                                    </div>                                             
                                    </div>
                                <!-- Name input-->  
                                
                                    <div class="form-group text-left">
                                    <label class="col-md-3  control-label" for="remarks"> From Date</label>
                                    <div class="col-md-9">
                                    <input type="date" name="fromdate" id="fromdate" class="form-control" >
                                    </div>
                                    </div>

                                    <div class="form-group text-left">
                                    <label class="col-md-3  control-label" for="remarks">To Date</label>
                                    <div class="col-md-9">
                                    <input type="date" name="todate" id="todate" class="form-control" >
                                    </div>
                                    </div>
                                
                                    <div class="form-group" id="keyword_div" style="display: none;">
                                    <label class="col-md-3 control-label" for="remarks">Keywords</label>
                                    <div class="col-md-9">
                                    <input type="text" name="keyword" id="keyword" class="form-control" >
                                    </div>
                                    </div>
                                
                                    <div class="form-group" id="subject_div" style="display:  none;">
                                    <label class="col-md-3 control-label" for="email">Subject </label>
                                    <div class="col-md-9">
                                    <select name="subject" id="subject" class="form-control">
                                    <option value="0">Select One</option>
                                    @foreach ($subjects as $subject)
                                    <option value="{{$subject->id}}">{{$subject->subject}}</option>

                                    @endforeach


                                    </select>
                                    </div>
                                    </div>

                                    <div class="form-group" id="title_div" style="display: none;">
                                    <label class="col-md-3 control-label" for="name">File Title</label>
                                    <div class="col-md-9">
                                    <input id="title" name="title" type="text" class="form-control"></div>
                                    </div>

                                    <div class="form-group" id="filegroup_div" style="display: none;">
                                    <label class="col-md-3 control-label" for="email">File Group</label>
                                    <div class="col-md-9">
                                    <select name="file_group" id="file_group" class="form-control">
                                    <option value="0">Select One</option>
                                    @foreach ($file_groups as $file_grp)
                                    <option value="{{$file_grp->id}}">{{$file_grp->file_group}}</option>

                                    @endforeach


                                    </select>
                                    </div>
                                    </div>

                                    <div class="form-position">
                                    <div class="col-md-12 text-right">
                                    <button type="submit" class="btn btn-primary"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></button>

                                    </div>
                                    </div>
                               
                       </form>
                    </div>
                </div>
            
            </div>
            <!--md-12 ends-->
        </div> 


 <script>                       
function toggleupload()
{
   
    document.getElementById("external_content_div").style.display="block";
    document.getElementById("title_div").style.display="block";
    document.getElementById("filegroup_div").style.display="block";
    document.getElementById("keyword_div").style.display = "none";
    document.getElementById("subject_div").style.display = "none";

}

function toggleupload2()
{
  
    document.getElementById("external_content_div").style.display="block";
    document.getElementById("keyword_div").style.display="block";
    document.getElementById("subject_div").style.display="block";
    document.getElementById("title_div").style.display="none";
    document.getElementById("filegroup_div").style.display="none";
    
}
</script>  

@stop