@extends('layouts.template')
@section('content')
<meta name="csrf-token" content="{{ csrf_token() }}">
<div class="card shadow mb-4">
    <div class="card-header py-3">
        <h6 class="m-0 font-weight-bold text-primary">List Document</h6>
    </div>
    <div class="card-body">
        <a href="#" class="btn btn-success btn-icon-split" data-toggle="modal" data-target=".bd-example-modal-lg">
            <span class="icon text-white-50">
                <i class="fas fa-upload"></i>
            </span>
            <span class="text">Upload File</span>
        </a>
        <a href="{{route('document.export')}}" class="btn btn-primary btn-icon-split">
            <span class="icon text-white-50">
                <i class="fas fa-file-excel"></i>
            </span>
            <span class="text">Export to Excel</span>
        </a>
        <br><br>
        <div class="table-responsive">
            <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                <thead>
                    <tr>
                        <th>No</th>
                        <th>Title</th>
                        <th>File Name</th>
                        <th>Type</th>
                        <th>Segment</th>
                        <th>Perihal</th>
                        <th>Document Number</th>
                        <th>Search Keyword</th>
                        <th width="10%">Action</th>
                    </tr>
                </thead>
                <tbody>
                	@foreach($get_data_doc as $field)
                    <tr>
                    	<td>{{ $loop->iteration }}</td>
                    	<td>{{ $field->doc_title }}</td>
                    	<td>{{ $field->doc_name }}</td>
                        <td>{{ $field->doc_type_id }}</td>
                        <td>{{ $field->segment }}</td>
                        @if($field->about == NULL)
                    	<td>-</td>
                        @else
                        <td>{{ $field->about }}</td>
                        @endif
                        @if($field->doc_number == NULL)
                        <td>-</td>
                        @else
                        <td>{{ $field->doc_number }}</td>
                        @endif
                    	<td>{{ $field->search_keyword }}</td>
                    	<td> 
                    		<a href="{{ route('document.download', $field->doc_name)}}" class="btn btn-primary btn-circle btn-sm">
                                <i class="fa fa-download"></i>
                            </a>
                            <a href="#" onclick="call_popup_link(this)" id="a_{{$field->id}}" class="btn btn-success btn-circle btn-sm">
                                <i class="fa fa-link"></i>
                            </a>
                            <a href="#" onclick="call_form_detail(this);" id="btn_{{$field->id}}" class="btn btn-info btn-circle btn-sm">
                                <i class="fa fa-eye"></i>
                            </a>
                           <!--  <a href="#" onclick="call_form_edit(this);" id="btn_{{$field->id}}" class="btn btn-warning btn-circle btn-sm">
                                <i class="fa fa-edit"></i>
                            </a> -->
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
<div class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
  	<div class="modal-dialog modal-lg">
	    <div class="modal-content">
	      	<div class="modal-header">
	        	<h5 class="modal-title">Upload File</h5>
	        </div>
	        <div class="modal-body">
	        	<form method="post" id="form" enctype="multipart/form-data" action="{{url('document/store')}}">
	        		@csrf
	        		<div class="row">
	        			<div class="form-group col-md-6">
							<label for="exampleFormControlSelect1">Document Type</label>
							<select class="form-control" name="doc_type_id" id="s_type" required>
								<option value="" disabled selected>- select type -</option>
								<option value="MEMO">MEMO</option>
                                <option value="JUKNIS">JUKNIS</option>
                                <option value="KONTRAK">KONTRAK</option>
                                <option value="Lainnya">Lainnya</option>
							</select>
                            <br>
                            <input type="text" class="form-control" name="add_type" id="in_lain" placeholder="add type">
						</div>
						<div class="form-group col-md-6">
							<label for="exampleFormControlInput1">Created Date</label>
							<input type="text" class="form-control" name="created_date" disabled value="{{$date}}">
						</div>
	        		</div>
	        		<div class="row">
	        			<div class="form-group col-md-6">
							<label for="exampleFormControlInput1">Judul Dokumen</label>
							<input type="text" class="form-control"  name="doc_title" required>
						</div>
						<div class="form-group col-md-6">
							<label for="exampleFormControlInput1">Memo Dari</label>
							<input type="text" class="form-control" name="memo_from">
						</div>
	        		</div>
	        		<div class="row">
	        			<div class="form-group col-md-6">
							<label for="exampleFormControlInput1">Tujuan</label>
							<textarea class="form-control" rows="3" name="purpose"></textarea>
						</div>
						<div class="form-group col-md-6">
							<label for="exampleFormControlInput1">Perihal</label>
							<textarea class="form-control" rows="3" name="about"></textarea>
						</div>
	        		</div>
	        		<div class="row">
	        			<div class="form-group col-md-6">
							<label for="exampleFormControlInput1">Nomor Dokumen</label>
							<input type="text" class="form-control" name="doc_number">
						</div>
						<div class="form-group col-md-6">
							<label for="exampleFormControlInput1">Search Keyword</label>
							<input type="text" class="form-control" id="exampleFormControlInput1" name="search_keyword" required>
						</div>
	        		</div>
                    <div class="row">
                        <div class="form-group col-md-12">
                            <label for="exampleFormControlFile1">Segment</label>
                            <select class="form-control" name="segment" required>
                                <option value="" disabled selected>- select segment -</option>
                                <option value="INDUSTRI">INDUSTRI</option>
                                <option value="RETAIL OTOMOTIF">RETAIL OTOMOTIF</option>
                                <option value="GENERAL">GENERAL</option>
                            </select>
                        </div>    
                    </div>
	        		<div class="row">
	        			<div class="form-group col-md-12">
	        				<div class="custom-file">
							 	<label for="exampleFormControlFile1">Upload File</label>
    							<input type="file" class="form-control-file" name="doc_name[]" multiple required>
							</div>	
	        			</div>
	        		</div>
	        		<div class="row">
	        			<div class="col-md-9"></div>
	        			<button type="submit" class="btn btn-primary col-md-2">Submit</button>
	        		</div>				
				</form>
	      	</div>	
	    </div>
  	</div>
</div>
<div class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" id="myModal">
  	<div class="modal-dialog modal-lg">
	    <div class="modal-content">
	      	<div class="modal-header">
	        	<h5 class="modal-title">Detail Document</h5>
	        </div>
	        <div class="modal-body">
	        	
	      	</div>	
	    </div>
  	</div>
</div>
<div class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" id="myModal1">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-body">
                
            </div>  
        </div>
    </div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
	function openModal(){
    	$('#myModal').modal();
	}

	function call_form_detail(p)
   {
       	console.log(p);
        var tmp = p.id.split('_');
        var post = '/'+ tmp[1];
        console.log(post);
        $.ajax({
            url:"{{ url('document/form_detail')}}" + post,
            type:'GET',
            data:post,
            beforeSend:function()
            {
                //$.LoadingOverlay("show");
            },
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            success: function(row) 
            {
                $('.modal-title').html('Detail File');
                $('#myModal').modal('show', {backdrop: 'static', keyboard: false});
                $('#myModal .modal-body').html(row);
            }
        });
   }
   function call_popup_link(p)
   {
        console.log(p);
        var tmp = p.id.split('_');
        var post = '/'+ tmp[1];
        console.log(post);
        $.ajax({
            url:"{{ url('document/get_link')}}" + post,
            type:'GET',
            data:post,
            beforeSend:function()
            {
                //$.LoadingOverlay("show");
            },
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            success: function(row) 
            {
                $('#myModal1').modal('show', {backdrop: 'static', keyboard: false});
                $('#myModal1 .modal-body').html(row);
            }
        });
    }

    $(function() {
        $('#in_lain').hide(); 
        $('#s_type').change(function(){
            if($('#s_type').val() == 'Lainnya') {
                $('#in_lain').show(); 
            } else {
                $('#in_lain').hide(); 
            } 
        });
    });
</script>
@endsection