@include('layouts.vas')

<style>
  .card {
        margin-top: 5%;
        /* margin-bottom: 50%; Added */
}
  </style>
 <!-- Page body -->
                      @if (session('status'))
                        <div class="alert alert-success" role="alert">
                            {{ session('status') }}
                        </div>
                    @endif
                    <div id="err" style="color: ">
                        @if(session()->has('success'))
                        <div class="alert alert-success">{{ session('success') }}</div>
                        @endif
                    </div>

      <div class="page-wrapper">
        <!-- Page header -->
        <div class="page-header d-print-none">
          <div class="container-xl">
            <div class="row g-2 align-items-center">
              <div class="col">
                <!-- Page pre-title -->
                <div class="page-pretitle">
                  
                </div>
                <h2 class="page-title">
                  My Template
                </h2>
              </div>
              <!-- Page title actions -->
              <div class="col-auto ms-auto d-print-none">
                <div class="btn-list">
            
                  <a href="#" class="btn btn-primary d-sm-none btn-icon" data-bs-toggle="modal" data-bs-target="#modal-report" aria-label="Create new report">
                    <!-- Download SVG icon from http://tabler-icons.io/i/plus -->
                    <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 5l0 14" /><path d="M5 12l14 0" /></svg>
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
        
        <div class="page-body">
          <div class="container-xl">
            <div class="row row-cards">

           
            
            @forelse($projects as $project)

            @if($project->vas_type == 'ewaas')

              <div class="col-sm-6 col-lg-6">
                <div class="card card-sm">
                  <a href="#" class="d-block"><img src="assets/img/vas/{{$project->project_image}}" class="card-img-top"></a>
                  <div class="card-body">
                    <div class="d-flex align-items-center">
                      <span class="avatar me-3 rounded" style="background-image: url({{asset('assets/img/vas/ernet.png')}})"></span>
                      <div>
                        <div>{{$project->project_name}}</div>
                        
                      </div>
                      <div class="mx-auto">
                      
                    @if($ewaaspaymentDoneByUser=='1' && $temp_publish_data->ewaas_temp_publish_status =='0')

                    <a href="#" onclick="publishProjectAfterEwaasPayment('{{$project->id}}')" class="btn btn-success">Publish</a>
                    
                    @endif
                    @if($temp_publish_data->ewaas_temp_publish_status =='1' && $ewaaspaymentDoneByUser!='0')
                    
                        <a href="#" onclick="unpublishEwaasProject('{{$project->id}}')" class="btn btn-danger">Unpublish</a>
                        
                    
                    @endif
                    @if($ewaaspaymentDoneByUser=='0')
                    
                        <form style="float: left;margin-right: 5px" method="get" action="{{route('ewaaspublish')}}" >
                        @csrf
                            <div class="demo-inline-spacing ">
                                <div class="list-group">
                                    <ul class="list-group">
                                        <input type="hidden" class="form-control" name="customer_name" id="customer_name"  value="{{Auth::user()->name}}" readonly/>
                                        <input type="hidden" class="form-control" name="amount" id="amount"  value="100" readonly/>
                                        <input type="hidden" class="form-control" name="customer_email" id="customer_email"  value="{{Auth::user()->email}}" readonly/>
                                        <input type="hidden" class="form-control" name="remark" id="remark"  value="ewaas charges" readonly/>
                                    </ul>
                                </div>
                            </div>
                            <button class="btn btn-success" type="submit">Publish</button>
                            </form>
                    
                    @endif
                      
                    </div>
                      <div class="ms-auto">

                            <a href="https://intileotech.info/drupal/{{$project->project_name}}" target="_blank" class="text-muted"> 
                          <!-- Download SVG icon from http://tabler-icons.io/i/eye -->
                          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0" /><path d="M21 12c-2.4 4 -5.4 6 -9 6c-3.6 0 -6.6 -2 -9 -6c2.4 -4 5.4 -6 9 -6c3.6 0 6.6 2 9 6" /></svg>
                          @if($temp_publish_data->ewaas_temp_publish_status =='0')
                          Preview
                          @else
                          Go to your live website

                          @endif
                        </a>
                         <a href="https://intileotech.info/drupal/{{$project->project_name}}/user" target="_blank" class="ms-3 text-muted">

                         
                          <!-- Download SVG icon from http://tabler-icons.io/i/checkbox -->
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 11l3 3l8 -8" /><path d="M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9" /></svg>
                          
                          Customize
                        </a>
                        @if($temp_publish_data->ewaas_temp_publish_status !='1')
                        
                        <a href="#" onclick="removeProjectEwaaS('{{$project->id}}')" class="ms-3 text-muted">
                         
                          <!-- Download SVG icon from http://tabler-icons.io/i/checkbox -->
                          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
                          
                          Delete
                        </a>
                        @endif
                        
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div>
              </div>
              <div>
                <div>
                  
                </div>
            </div>
                <hr style="border: 2px solid; opacity: 1.1 !important;">

              <div class="container-xl">
              <div class="row row-cards">
                

              @endif

            @if($project->vas_type == 'elmaas')
            

              <div class="col-sm-6 col-lg-6">
                <div class="card card-sm">
                  <a href="#" class="d-block"><img src="assets/img/vas/{{$project->project_image}}" class="card-img-top"></a>
                  <div class="card-body">
                    <div class="d-flex align-items-center">
                      <span class="avatar me-3 rounded" style="background-image: url({{asset('assets/img/vas/ernet.png')}})"></span>
                      <div>
                        <div>{{$project->project_name}}</div>
                  
                      </div>
                      <div class="mx-auto">
                      
                    @if($paymentDoneByUser=='1' && $temp_publish_data->temp_publish_status =='0')

                    <a href="#" onclick="publishProjectAfterPayment('{{$project->id}}')" class="btn btn-success">Publish</a>
                    
                    @endif
                    @if($temp_publish_data->temp_publish_status =='1' && $paymentDoneByUser!='0')
                    
                        <a href="#" onclick="unpublishProject('{{$project->id}}')" class="btn btn-danger">Unpublish</a>
                        
                    
                    @endif
                    @if($paymentDoneByUser=='0')
                    
                        <form style="float: left;margin-right: 5px" method="get" action="{{route('publish')}}" >
                        @csrf
                            <div class="demo-inline-spacing ">
                                <div class="list-group">
                                    <ul class="list-group">
                                        <input type="hidden" class="form-control" name="customer_name" id="customer_name"  value="{{Auth::user()->name}}" readonly/>
                                        <input type="hidden" class="form-control" name="amount" id="amount"  value="100" readonly/>
                                        <input type="hidden" class="form-control" name="customer_email" id="customer_email"  value="{{Auth::user()->email}}" readonly/>
                                        <input type="hidden" class="form-control" name="remark" id="remark"  value="vas charges" readonly/>
                                    </ul>
                                </div>
                            </div>
                            <button class="btn btn-success" type="submit">Publish</button>
                            </form>
                    
                    @endif
                      
                    </div>
                      <div class="ms-auto">

                            <a href="https://intileotech.info/drupal/{{$project->project_name}}" target="_blank" class="text-muted"> 
                          <!-- Download SVG icon from http://tabler-icons.io/i/eye -->
                          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0" /><path d="M21 12c-2.4 4 -5.4 6 -9 6c-3.6 0 -6.6 -2 -9 -6c2.4 -4 5.4 -6 9 -6c3.6 0 6.6 2 9 6" /></svg>
                          @if($temp_publish_data->temp_publish_status =='0')
                          Preview
                          @else
                          Go to your live website

                          @endif
                          
                        </a>
                         <a href="https://intileotech.info/drupal/{{$project->project_name}}/user" target="_blank" class="ms-3 text-muted">
                        <!-- <a href="https://intileotech.info/lmass_temp_1_rk//user" class="ms-3 text-muted"> -->
                         
                          <!-- Download SVG icon from http://tabler-icons.io/i/checkbox -->
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 11l3 3l8 -8" /><path d="M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9" /></svg>
                          
                          Customize
                        </a>
                        @if($temp_publish_data->temp_publish_status !='1')
                        
                        <a href="#" onclick="removeProjectNew('{{$project->id}}')" class="ms-3 text-muted">
                         
                          <!-- Download SVG icon from http://tabler-icons.io/i/checkbox -->
                          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
                          
                          Delete
                        </a>
                        @endif
                        
                      </div>
                    </div>
                  </div>
                </div>
              </div>

              @endif

              
              @empty
              

              <div class="col-sm-12">
                <div class="card">
                  
                  <div class="card-body">
                    <div class="text-center ">
                      <h2>No Template Found! </h2>
                      <h5>Visit to ERNET's website and go to 'VAS' to choose templates. </h5>
                      </div>
                  </div>
              </div>
          </div>
             
              @endforelse
             

              

          </div>
        </div>
</div>
        <footer class="footer footer-transparent d-print-none">
          <div class="container-xl">
            <div class="row text-center align-items-center flex-row-reverse">
              <div class="col-lg-auto ms-lg-auto">
                
              </div>
       
            </div>
          </div>
        </footer>
      </div>
      <script>
        function createProject(projectName){
            if (confirm('Are you sure you want to Create a Template ?')) {
                Swal.fire({
                    title: "Template Creating...",
                    html: "Please wait , it will take few minutes."
                })
                Swal.showLoading();
                $.ajax({
                    url: "{{ url('createLmassClone') }}",
                    dataType : "json",
                    data : {projectName:projectName},
                    type: "get",
                    success : function(response) {
                        if(response.status == true) {
                            console.log('executed');
                            Swal.fire({
                                icon: 'success',
                                text: response.msg,
                                showConfirmButton: true,
                                confirmButtonText: 'Next',
                            }).then(function () {
                                importDb(projectName);
                            });
                        } else if(response.status == false) {
                            Swal.fire({
                                icon: 'error',
                                text: response.msg,
                                showConfirmButton: true,
                            });
                        }
                    },
                });
            }
        }
        function importDb(projectName){
            Swal.fire({
                title: "Creating temp...",
                html: "Please wait , it will take few minutes.",
            })
            Swal.showLoading();
            $.ajax({
                url: "{{ url('importLmassDb') }}",
                dataType : "json",
                data : {projectName:projectName},
                type: "get",
                success : function(response) {
                    if(response.status == true) {
                        console.log('executed');
                        Swal.fire({
                            icon: 'success',
                            text: response.msg,
                            showConfirmButton: true,
                        })
                    } else if(response.status == false) {
                        Swal.fire({
                            icon: 'error',
                            text: response.msg,
                            showConfirmButton: true,
                        }).then(function () {
                        window.location.href = "{{ route('projects') }}";
                    });
                    }
                },
            });
        }

        $(function() {
            console.log( "ready!" );

        });
    </script>
    <script>

function removeProjectNeww(projectId) {
              

  if (confirm('Are you sure you want to permanently delete the template?')) {
        Swal.fire({
            icon: 'warning',
            title: "Please verify.",
            html: "OTP has been sent successfully to your registered email. Please check your email"
        }).then(function () {
                        window.location.href = "{{ route('removeprojectstatus') }}";
                    });
}
}

function publishProjectAfterPayment(projectId){
    if (confirm('This will delete your other elmaas template. Are you sure you want to publish the template?')) {
        Swal.fire({
            icon: 'warning',
            title: "Please verify.",
            html: "OTP has been sent successfully to your registered email. Please check your email"
        })
        
        $.ajax({
            url: "{{ route('publishprojectstatus') }}",
            dataType : "json",
            data : {projectId:projectId},
            type: "get",
            success : function(response) {
                if(response.status == true) {
                    console.log('executed');
                    Swal.fire({
                        icon: 'success',
                        text: response.msg,
                        showConfirmButton: true,
                    }).then(function () {
                        window.location.href = "{{ route('verifypublishproject') }}";
                    });
                } else if(response.status == false) {
                    Swal.fire({
                        icon: 'error',
                        text: response.msg,
                        showConfirmButton: true,
                    });
                }
            },
        });
    }
}

function publishProjectAfterEwaasPayment(projectId){
    if (confirm('This will delete your other ewaas template. Are you sure you want to publish the template?')) {
        Swal.fire({
            icon: 'warning',
            title: "Please verify.",
            html: "OTP has been sent successfully to your registered email. Please check your email"
        })
        
        $.ajax({
            url: "{{ route('publishprojectstatusewaas') }}",
            dataType : "json",
            data : {projectId:projectId},
            type: "get",
            success : function(response) {
                if(response.status == true) {
                    Swal.fire({
                        icon: 'success',
                        text: response.msg,
                        showConfirmButton: true,
                    }).then(function () {
                        window.location.href = "{{ route('verifypublishprojectewaas') }}";
                    });
                } else if(response.status == false) {
                    Swal.fire({
                        icon: 'error',
                        text: response.msg,
                        showConfirmButton: true,
                    });
                }
            },
        });
    }
}

function unpublishProject(projectId){
    if (confirm('Are you sure you want to unpublish the template?')) {
        Swal.fire({
            icon: 'warning',
            title: "Please verify.",
            html: "OTP has been sent successfully to your registered email. Please check your email"
        })

        
        $.ajax({
            url: "{{ route('unpublishprojectstatus') }}",
            dataType : "json",
            data : {projectId:projectId},
            type: "get",
            success : function(response) {
                if(response.status == true) {
                    console.log('executed');
                    Swal.fire({
                        icon: 'success',
                        text: response.msg,
                        showConfirmButton: true,
                    }).then(function () {
                        window.location.href = "{{ route('verifyunpublishproject') }}";
                    });
                } else if(response.status == false) {
                    Swal.fire({
                        icon: 'error',
                        text: response.msg,
                        showConfirmButton: true,
                    });
                }
            },
        });
    }
}
function unpublishEwaasProject(projectId){
    if (confirm('Are you sure you want to unpublish the template?')) {
        Swal.fire({
            icon: 'warning',
            title: "Please verify.",
            html: "OTP has been sent successfully to your registered email. Please check your email"
        })

        
        $.ajax({
            url: "{{ route('unpublishprojectstatusewaas') }}",
            dataType : "json",
            data : {projectId:projectId},
            type: "get",
            success : function(response) {
                if(response.status == true) {
                    console.log('executed');
                    Swal.fire({
                        icon: 'success',
                        text: response.msg,
                        showConfirmButton: true,
                    }).then(function () {
                        window.location.href = "{{ route('verifyunpublishprojectewaas') }}";
                    });
                } else if(response.status == false) {
                    Swal.fire({
                        icon: 'error',
                        text: response.msg,
                        showConfirmButton: true,
                    });
                }
            },
        });
    }
}

function unpublishProjectOld(projectId) {
              

  if (confirm('Are you sure you want to unpublish the template?')) {
        Swal.fire({
            icon: 'warning',
            title: "Please verify.",
            html: "OTP has been sent successfully to your registered email. Please check your email"
        }).then(function () {
                        window.location.href = "{{ route('projects') }}";
                    });
}
}


function removeProjectNew(projectId){
    if (confirm('Are you sure you want to permanently delete the template?')) {
        Swal.fire({
            icon: 'warning',
            title: "Please verify.",
            html: "OTP has been sent successfully to your registered email. Please check your email"
        })
        
        $.ajax({
            url: "{{ route('removeprojectstatus') }}",
            dataType : "json",
            data : {projectId:projectId},
            type: "get",
            success : function(response) {
                if(response.status == true) {
                    console.log('executed');
                    Swal.fire({
                        icon: 'success',
                        text: response.msg,
                        showConfirmButton: true,
                    }).then(function () {
                        window.location.href = "{{ route('verifyremoveproject') }}";
                    });
                } else if(response.status == false) {
                    Swal.fire({
                        icon: 'error',
                        text: response.msg,
                        showConfirmButton: true,
                    });
                }
            },
        });
    }
}

function removeProjectEwaaS(projectId){
    if (confirm('Are you sure you want to permanently delete the template?')) {
        Swal.fire({
            icon: 'warning',
            title: "Please verify.",
            html: "OTP has been sent successfully to your registered email. Please check your email"
        })
        
        $.ajax({
            url: "{{ route('removeprojectstatusewaas') }}",
            dataType : "json",
            data : {projectId:projectId},
            type: "get",
            success : function(response) {
                if(response.status == true) {
                    console.log('executed');
                    Swal.fire({
                        icon: 'success',
                        text: response.msg,
                        showConfirmButton: true,
                    }).then(function () {
                        window.location.href = "{{ route('verifyremoveprojectewaas') }}";
                    });
                } else if(response.status == false) {
                    Swal.fire({
                        icon: 'error',
                        text: response.msg,
                        showConfirmButton: true,
                    });
                }
            },
        });
    }
}

function removeProjectOld(projectId){
    if (confirm('Are you sure you want to permanently delete the template?')) {
        Swal.fire({
            title: "Template Deleting...",
            html: "Please wait , it will take sometime."
        })
        Swal.showLoading();
        $.ajax({
            url: "{{ route('removeProject') }}",
            dataType : "json",
            data : {projectId:projectId},
            type: "get",
            success : function(response) {
                if(response.status == true) {
                    console.log('executed');
                    Swal.fire({
                        icon: 'success',
                        text: response.msg,
                        showConfirmButton: true,
                    }).then(function () {
                        window.location.reload();
                    });
                } else if(response.status == false) {
                    Swal.fire({
                        icon: 'error',
                        text: response.msg,
                        showConfirmButton: true,
                    });
                }
            },
        });
    }
}
</script>
    <!-- JS Files -->
    <script src="{{asset('assets/js/tabler.min.js')}}"></script>

  </body>
</html>