@extends('admin.layout.master')
@section('content')
    <style>
        #WorkShop {
            background: #6777ef !important;
            height: 100px;
            color: #fff;
        }

        .buttop {
            margin-top: 2.3rem !important;
        }

 

.sm32 {

    max-width:32px;
}

.sm32 .btn i{
color:#fff;
}

.sm32 .btn
{
    float:left;
    margin:2%;
}

.smTitle {

   max-width:100px; 
}
    </style>
    <section class="section">
        <ul class="breadcrumb breadcrumb-style ">
            <li class="breadcrumb-item">
                <h4 class="page-title m-b-0">Application WorkShop</h4>
            </li>

        </ul>
        <div class="section-body">
            <div class="row">
                <div class="col-12">
                    <div class="card">

                        <div class="card-body">



                    
                        @if (Session::has('message'))
                            <div class="alert alert-{{ Session::get('messageType') }} alert-dismissible fade show" role="alert">
                                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                    <span class="sr-only">Close</span>
                                </button>
                                <strong>{{ Session::get('message') }} </strong>
                            </div>
                        

                            @endif



                        <form id="pdform" action="{{route('createPDF')}}" method="post">


                        @csrf
                            <div class="form-group row mb-4">
                                <label class="col-form-label text-md-right col-12 col-md-3 col-lg-3">Name</label>
                        
                                <div class="col-sm-12 col-md-7">

                                @error('title')
                                <span class="text-danger">{{$message}} </span>
                                @enderror
                                    <input id="pdtitle" name="title" type="text" class="form-control">
                                </div>
                           </div>

                            <div class="form-group row mb-4">
                                <label class="col-form-label text-md-right col-12 col-md-3 col-lg-3">Content</label>
                                
                                
                                <div class="col-sm-12 col-md-7">
                                @error('html')
                                <span class="text-danger">{{$message}} </span>
                                @enderror
                                    <textarea id="pdhtml" name="html" id="html" class="summernote"></textarea>
                                </div>
                            </div>
                            <div class="form-group row mb-4">
                                <label class="col-form-label text-md-right col-12 col-md-3 col-lg-3"></label>
                                <div class="col-sm-12 col-md-7">
                                    <button id="pdbtn" class="btn btn-primary">Publish</button>
                                </div>
                            </div>
    </form>
                        </div>
                    </div>
                </div>

                <div class="col-12">
                    <div class="card">

                        <div class="card-body">

                            <div class="table-responsive">
                                <table class="table table-striped" id="table-1">
                                    <thead>
                                        <tr>
                                            <th class="text-center">
                                                #No
                                            </th>
                                            <th>Title </th>
                                            <th>Created</th>
                                            <th>Download & actions</th>
                                            
                                        </tr>
                                    </thead>
                                    <tbody>

                                    @php $n = 0; @endphp
                                    @foreach($userPDF as $con)
                                    @php $n = $n + 1; @endphp   
                                        <tr>
                                            <td>{{ $n }}</td>
                                            <td class="smTitle">{{ $con->title }}</td>
                                            <td class="smTitle">{{ $con->created_at }}</td>
                                            <td class="sm32">
                                            <button class="btn btn-primary"><a href="{{ route('makePDF',$con->id) }}"><i class="fa fa-download"></i></a>
                                                    </button> 
                                            {{-- </td> --}}
                            
                                            {{-- <td class="sm32"> --}}
                                                    <button class="btn btn-success"><a href="{{ route('editPDF',$con->id) }}" onclick="getContent(this.href); return false;"><i class="fa fa-edit"></i></a>
                                                        </button>
{{-- </td> --}}
{{-- <td class="sm32"> --}}
                                                        <button class="btn btn-danger"><a href="{{ route('deletePDF',$con->id) }}"><i class="fa fa-trash"></i></a>
                                                            </button>
                                                            
                                                            
                                            </td>
                                        </tr>

                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection


@section('script')

<script>
function gid(id)
{

    return document.getElementById(id);
}

function getContent(ur)
{

$.ajax({

    type:'GET',
    url:ur,
    success:function(res){

gid('pdform').action = ur.replace('edit','update');
gid('pdtitle').value =res.file.title;
gid('pdtitle').focus();
$('.note-editable.card-block').html(res.file.html);
gid('pdbtn').innerHTML="Update";
},error:function(error){

}



}

);


}


    </script>


@endsection