@extends('layouts.admin.app')
@section('content')
    <div class="pd-30">
        <div class="col-sm-12 col-xl-12 " style="display: flex;">
          <h4 class="col-sm-8 col-xl-8 tx-gray-800 mg-b-5 title" style="">Estimated Loa Cost</h4>
          <div class="col-sm-4 col-xl-4" style="text-align:end">
          <a href="/gpclrmainportal/addestimatedloacost/create" class="btn btn-primary" style="border-radius: 0px;">Add</a>
        </div>
        </div>
    </div>
    <div class=" br-pagebody mg-t-5 pd-x-30">
      <div class="br-section-wrapper row row-sm p-20">       
        
        
        <div class="col-sm-12 col-xl-12">
          <div class="table-responsive" style="overflow-x:auto;">
            <table id="example" class="table responsive  dataTable no-footer dtr-inline" >
            @if(count($costs) > 0)
            <thead class="thead-colored">
              <tr>
                <th>Sr. No</th>
                <th>Cas No</th>
                <th>Region</th>
                <th>1-10 tpa Cost</th>
                <th>10-100 tpa Cost</th>
                <th>100-1000 tpa Cost</th>
                <th>Intermediate less than 1000 tpa Cost</th>
                <th>Intermediate with 1000+tpa Cost</th>
                <th>Created By</th>
                <th>Action</th>
              
               
              </tr>
            </thead>
            <tbody>
              @php $i = 1; 
              @endphp
              @foreach($costs as $key => $n)
              <tr>
                <td scope="row">{{$i++}}</td>
                <td>{{$n->cas_no}}</td>
                <td>{{$n->Region->name}}  </td>
                <td>{{$n->tonnage_cost_1}}</td>
                <td>{{$n->tonnage_cost_2}}</td>
                <td>{{$n->tonnage_cost_100_1000}}</td>
                <td>{{$n->tonnage_cost_3}}</td>
                <td>{{$n->tonnage_cost_4}}</td>
                <td>{{$n->Admin->name ?? ''}}</td>
                <td>
                <div class="d-flex">
                  <a href="/gpclrmainportal/addestimatedloacost/{{base64_encode($n->id)}}/edit" class="btn-action-edit" style="padding: 12px;margin: 8px;"><i class="fas fa-pen-square action-icon"></i></a>
                </div>
                </td>
              </tr>
              @endforeach
            </tbody>
          </table>
            @else
              <h4 class="text-center">No User Found</h4>
          @endif
          <br>
          {{$costs->links()}}
        </div>
      </div>
    </div>
  </div>  
@endsection
@section('scripts')
<script src="{{ asset('admin/js/select2.js') }}" type="text/javascript" defer></script>
<script src="{{ asset('admin/js/select2.min.js') }}" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.8/js/select2.min.js" defer></script>
<script>
  $('.send_user_details').on('click', function(){
    var primaryid = $(this).attr('data-pkparameter');
    var uuid = $(this).attr('data-uniquekey');
    var company = $(this).attr('data-company');
    swal({
    icon:"warning",
    title:"Are you sure",
    text:"You want to mail the credential to user?",
    showCancelButton:true,
    dangerMode: true,
    }).then((willDelete) => {
      $("#exampleModalLoader").modal({backdrop: 'static', keyboard: false});
    if (willDelete) {
      $.ajax({
            type: "POST",
            dataType: "json",
            url:'/gpclrmainportal/send-user-credential',
            data:{'primaryid':primaryid,'uuid':uuid,'company':company},
            success: function(data){
              $("#exampleModalLoader").modal("hide");
              if(data.error)
              {
                swal({
                icon:"warning",
                title:data.error,
                showCancelButton:true,
                dangerMode: true,
                })
              }
              if(data.success)
              {
                swal({
                icon:"success",
                title:data.success,
                showCancelButton:true,
                dangerMode: true,
                })
              }
              
            },
            error:function(data){
              $("#exampleModalLoader").modal("hide");
              // console.log(data);
              swal({
                icon:"warning",
                title:"Something went wrong. Please try again",
                showCancelButton:true,
                dangerMode: true,
                })
            }
         });
    }
    $("#exampleModalLoader").modal("hide");
   }) 
  })
  $('.resend_user_credential').on('click', function(){
    var primaryid =btoa( $(this).attr('data-pkparameter'));
    var uuid =btoa( $(this).attr('data-uniquekey'));
    var company =btoa( $(this).attr('data-company'));
   
    swal({
    icon:"warning",
    title:"Are you sure",
    text:"You want to resend the login credential?",
    showCancelButton:true,
    dangerMode: true,
    }).then((willDelete) => {
      $("#exampleModalLoader").modal({backdrop: 'static', keyboard: false});
    if (willDelete) {
      $.ajax({
            type: "POST",
            dataType: "json",
            url:'/gpclrmainportal/resend-user-credential',
            data:{'primaryid':primaryid,'uuid':uuid,'company':company},
            success: function(data){
              $("#exampleModalLoader").modal("hide");
              console.log(data);
              if(data.error)
              {
                swal({
                icon:"warning",
                title:data.error,
                showCancelButton:true,
                dangerMode: true,
                })
              }
              if(data.success)
              {
                swal({
                icon:"success",
                title:data.success,
                showCancelButton:true,
                dangerMode: true,
                })
              }
              
            },
            error:function(data){
              $("#exampleModalLoader").modal("hide");
              console.log(data);
              swal({
                icon:"warning",
                title:"Something went wrong. Please try again",
                showCancelButton:true,
                dangerMode: true,
                })
            }
         });
    }
    $("#exampleModalLoader").modal("hide");
   }) 
  })
  
</script>


 
@endsection