@extends('backend.layouts.app')
@section('content')
<div class="container">
	<div class="block">
	    <div class="block-header block-header-default">
	        <h3 class="block-title"><b>Profile Download Table</b></h3>
	        <a data-toggle="modal" data-target="#modal-large" class="btn btn-sm btn-alt-primary">
	            <i class="fa fa-plus mr-5"></i>Add Profile Download
	        </a>
	    </div>
	    <div class="block-content block-content-full">
	    	<div class="table-responsive">
	            <table class="table table-bordered table-striped table-vcenter js-dataTable-full">
	                <thead>
	                    <tr>
	                        <th class="text-center">S/L &nbsp;</th>
	                        <th class="text-center">Title &nbsp;</th>
	                        <th class="text-center">PDF &nbsp;</th>
	                        <th class="text-center">Status &nbsp;</th>
	                        <th class="text-center">Action &nbsp;</th>
	                    </tr>
	                </thead>
	                <tbody>
	                	@php $sl = 1; @endphp
                    	@foreach($profiles as $profile)
	                	<tr>
	                		<td class="text-center">{{$sl++}}</td>
	                		<td class="text-center">{{$profile->title}}</td>
		                	<td class="text-center"><a href="/{{$profile->pdf}}">Download</a></td>
		                	<td class="text-center">
		                		@if($profile->status == 1)
		                			<span class="badge badge-success">Active</span>
		                		@else
		                			<span class="badge badge-danger">Inactive</span>
		                		@endif
		                	</td>
		                	<td class="text-center icon-statte">
	                            <form action="{{route('profile.delete',$profile->id)}}" method="post" accept-charset="utf-8">
	                            	<a href="{{route('profile.status',$profile->id)}}" class="btn btn-circle mr-5 mb-5 {{$profile->status == 1 ? 'btn-alt-success' :'btn-alt-danger'}}">
		                                <i class="fa fa-refresh {{$profile->status == 1 ? 'text-success' :'text-danger'}}"></i>
		                            </a>

			                		<a data-toggle="modal" data-target="#modal-edit" id="editprofile" data="{{$profile->id}}" class="btn btn-circle btn-alt-info mr-5 mb-5">
		                                <i class="fa fa-edit"></i>
		                            </a>
	                                @csrf
	                                @method('delete')
	    	                    	<button type="submit" class="btn btn-circle btn-alt-danger mr-5 mb-5 delete-confirm" onclick = "deleteItem();" >
		                                <i class="fa fa-trash-o"></i>
		                            </button>
	                            </form>
		                	</td>
	                	</tr>
	                	@endforeach
	                </tbody>
	            </table>
	        </div>
	    </div>
	</div>
</div>

<!-- profile add modal -->
<div class="modal show" id="modal-large" tabindex="-1" role="dialog" aria-labelledby="modal-large">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="block block-themed block-transparent mb-0">
                <div class="block-header bg-primary-dark">
                    <h3 class="block-title">Add Profile Download</h3>
                    <div class="block-options">
                        <button type="button" class="btn-block-option" data-dismiss="modal" aria-label="Close">
                            <i class="si si-close"></i>
                        </button>
                    </div>
                </div>
                <div class="block-content">
                    <div class="modal-body">
                    	<form action="{{route('profile.store')}}" method="post" enctype="multipart/form-data">
	                    	@csrf
	                       	<div class="form-group row">
	                            <label class="col-12" for="editor">Title: </label>
		                        <div class="col-lg-12">
		                            <input type="text" name="title" class="form-control" placeholder="Enter Title">
                                </div>
	                        </div>
	                        <div class="form-group row">
                            	<label class="col-12">Feature Image (only pdf)<span class="text-danger">*</span></label>
                            	<div class="col-lg-12">
	                                <input type='file' class="form-group" required name="pdf">
	                            </div>  
                            </div>
	                        <div class="form-group text-right">
	                            <button type="submit" class="btn btn-square btn-primary min-width-125 mb-10 mt-20">Submit</button>
	                        </div>
	                    </form>
				    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- end profile add modal -->

<!-- edit profile edit modal -->
<div class="modal show" id="modal-edit" tabindex="-1" role="dialog" aria-labelledby="modal-large">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="block block-themed block-transparent mb-0">
                <div class="block-header bg-primary-dark">
                    <h3 class="block-title">Edit Profile Download</h3>
                    <div class="block-options">
                        <button type="button" class="btn-block-option" data-dismiss="modal" aria-label="Close">
                            <i class="si si-close"></i>
                        </button>
                    </div>
                </div>
                <div class="block-content">
                    <div class="modal-body">
                    	<form action="{{route('profile.update')}}" method="post" enctype="multipart/form-data">
	                    	@csrf
	                    	<input type="hidden" name="id" id="profile_id">
	                    	<div class="form-group row">
	                            <label class="col-12" for="editor">Title: </label>
		                        <div class="col-lg-12">
		                            <input type="text" name="title" id="title" class="form-control" placeholder="Enter Title">
                                </div>
	                        </div>
	                        <div class="form-group row">
                            	<label class="col-12">Feature Image (only pdf)<span class="text-danger">*</span></label>
                            	<div class="col-lg-12">
	                                <input type='file' id="pdf" class="form-group" required name="pdf">
	                            </div>  
                            </div>
	                        <div class="form-group text-right">
	                            <button type="submit" class="btn btn-square btn-primary min-width-125 mb-10 mt-20">Update</button>
	                        </div>
	                    </form>
				    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- end profile edit modal -->
@endsection
@section('script')
<script type="text/javascript">
	$(document).on("click", "#editprofile", function () {
        let id = $(this).attr("data");
        console.log(id);
        $.ajax({
            url: "/admin/profile/edit/"+id,
            type: "get",
            dataType: "json",
            success: function (response) {
                console.log(response);
                $("#profile_id").val(response.id);
                $("#title").val(response.title);
                $('.pdf').val(response.pdf);
            }
        })
    })
    function deleteItem() {    
       alert ("If you click ok!! Then item remove from record");  
    }    
</script>
@endsection