@extends('Admin/layout')
@section('title','Associates Joining/Left Details')
@section('content')
@if(has_permission('Associate','Edit'))
<div class="container-fluid">
    <div class="row">
        <div class="col-xxl-12">
            <div class="card">
            <div class="card-header align-items-center d-flex">
                <h4 class="card-title mb-0 flex-grow-1">Associates Joining/Left Details: </h4>
            </div>
            <!-- end card header -->
            <div class="card-body">
                <div class="live-preview">
                <form action="{{route('visitportal.associates-store')}}" method="POST" class="needs-validation" enctype="multipart/form-data"  novalidate>
                {{ csrf_field() }}
                    <div class="row">
                    <h5 class="text-primary mb-2 flex-grow-1">Associate Name: {{$tblassociates->name}}</h5>
                    <h5 class="text-primary mb-2 flex-grow-1">Rera No: {{$tblassociates->rera_no}}</h5>
                    <h5 class="text-primary mb-2 flex-grow-1">Current Status: {{$tblassociates->active}}</h5>
                    @if($tbl_associates_joining_left_details)
                        <h5 class="text-success mb-2 flex-grow-1">Last Joining Date: {{$tbl_associates_joining_left_details->joining_date}}</h5>
                        @if(@$tbl_associates_joining_left_details->left_date)
                        <h5 class="text-danger mb-2 flex-grow-1">Left Date: {{@$tbl_associates_joining_left_details->left_date}}</h5>
                        @endif
                    @endif
                    <br/>
                    <input type="hidden" class="form-control" id="id" name="id" value="{{$id}}" required>
                    <!-- <div class="col-md-6">
                        <div class="mb-3">
                            <label for="citynameInput" class="form-label">Action Type <span class="text-danger">*</span></label>
                            <select class="form-select single-select" id="action_type" name="action_type" onchange="getval(this);" required>
                                <option value="">Choose Action Type</option>
                                <option value="Add Joining Date" >Add Joining Date</option>
                                <option value="Add Left Date" >Left Joining Date</option>
                            </select>
                            @if ($errors->has('action_type'))<div class="invalid-feedback">{{ $errors->first('action_type') }}</div>@endif
                        </div>
                    </div> -->
                    <div class="col-md-3">
                        <div class="mb-3">
                            <label for="citynameInput" class="form-label">Status <span class="text-danger">*</span></label>
                            <select class="form-select single-select" id="status" name="status" onchange="getval(this);" required>
                                <option value="">Choose Status</option>
                                <option value="ACTIVE" {{ @$tblassociates->active == 'LEFT'  ? 'selected' : '' }}>ACTIVE</option>
                                <option value="LEFT" {{ @$tblassociates->active == 'ACTIVE' ? 'selected' : '' }}>LEFT</option>
                            </select>
                            @if ($errors->has('status'))<div class="invalid-feedback">{{ $errors->first('status') }}</div>@endif
                        </div>
                    </div> 
                    </div>
                    <div class="row">
                 
                    <div class="col-md-6 date_show" >
                        <div class="mb-3">
                        <label for="lastNameinput" class="form-label date_show_label"> {{@$tbl_associates_joining_left_details->left_date ? 'Joining Date' : "Resign Date"}} </label>
                        <input type="date" class="form-control" placeholder="Date" name="date" id="date" value="">
                        @if ($errors->has('date'))<div class="invalid-feedback">{{ $errors->first('date') }}</div>@endif
                        </div>
                    </div>

                    <div class="col-md-6 date_show" >
                        <div class="mb-3">
                        <label for="lastNameinput" class="form-label">Reason </label>
                        <textarea type="text" class="form-control" placeholder="Reason" name="remarks" id="remarks">{{old('remarks')}}</textarea>
                        @if ($errors->has('remarks'))<div class="invalid-feedback">{{ $errors->first('remarks') }}</div>@endif
                        </div>
                    </div>

                    <div class="col-lg-12">
                        <div class="text-end">
                        <button type="button" class="btn btn-primary" onclick="saveJoiningLeftData('save-joining-left-data')">Submit</button>
                        </div>
                    </div>
                    <!--end col-->
                    </div>
                    <!--end row-->
                </form>
                </div>
                <div class="row">
                        <div class="col-xl-12">
                        <h5 class="text-primary">Associate Joining/Left Details</h5>
                                    <div class="live-preview">
                                        <div class="table-responsive">
                                            <table class="table align-middle table-nowrap mb-0">
                                                <thead>
                                                    <tr>
                                                        <th scope="col">#</th>
                                                        <th scope="col">Joining Date</th>
                                                        <th scope="col">Left Date</th>
                                                        <th scope="col">Reason</th>
                                                        <th scope="col">Action</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                   
                                                        @if(count($associates_joining_left_details) > 0)
                                                            @foreach($associates_joining_left_details as $key => $value)
                                                            <tr>
                                                                <th scope="row"><a href="#" class="fw-medium">#{{$key+1}}</a></th>
                                                                <td>{{$value->joining_date}}</td>
                                                                <td>{{$value->left_date}}</td>
                                                                <td>{{$value->reason}}</td>
                                                                <td>
                                                                @if(has_permission('Associate','Delete'))
                                                                    @if($key == end($associates_joining_left_details))
                                                                    <button type="button" class="btn btn-danger px-2"  data-bs-toggle="modal" data-bs-target=".bs-example-modal-center-delete" onclick="setDeleteValue('{{encryptor($value->id)}}','delete-joining-left-data')" >Delete</button>
                                                                    @endif
                                                                @endif
                                                                </td>
                                                            </tr>
                                                            @endforeach
                                                        @endif
                                                        
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                        </div>
            </div>
            </div>
        </div>
        <!-- end col -->
    </div>

</div>
<div class="modal fade bs-example-modal-center-delete" id="bs-example-modal-center-delete" tabindex="-1" aria-labelledby="mySmallModalLabel" style="display: none;" aria-hidden="true">
   <div class="modal-dialog modal-dialog-centered">
      <div class="modal-content">
         <div class="modal-body text-center p-5">
            <lord-icon src="https://cdn.lordicon.com/hrqwmuhr.json" trigger="loop" colors="primary:#121331,secondary:#08a88a" style="width:120px;height:120px">
            </lord-icon>
            <div class="mt-4">
               <h4 class="mb-3">Are you sure want to delete? This action can't be undo.</h4>
               <div class="hstack gap-2 justify-content-center">
                  <button type="button" class="btn btn-light" data-bs-dismiss="modal">NO</button>
                  <input type="hidden" id="delete_id"/>
                  <input type="hidden" id="delete_url"/>
                  <a href="javascript:void(0);" onclick="destroydata('list_table')" class="btn btn-danger">Delete</a>
               </div>
            </div>
         </div>
      </div>
      <!-- /.modal-content -->
   </div>
   <!-- /.modal-dialog -->
</div>
<script src="{{ URL::asset('assets/js/jquery.min.js') }}"></script>
<script>
    $(document).ready(function(){
        setDobValidation();
    });

    function getval(sel)
    {
        $("#date").val('')
        if(sel.value){
            $(".date_show_label").text(sel.value + "DATE");
            $(".date_show").show(); 
        }else{
            $(".date_show").hide();
        }
    }

    digitValidate = function(ele){
    ele.value = ele.value.replace(/[^0-9]/g,'');
 }

 var today = new Date();
var dd = today.getDate();
var mm = today.getMonth() + 1; //January is 0!
var yyyy = today.getFullYear();

if (dd < 10) {
   dd = '0' + dd;
}

if (mm < 10) {
   mm = '0' + mm;
} 
    
today = yyyy + '-' + mm + '-' + dd;
document.getElementById("date").setAttribute("max", today);
// document.getElementById("date_of_joining").setAttribute("max", today);

function destroydata(list_table) {
    var id = $("#delete_id").val();
    var url_name = $("#delete_url").val();
    var datastring = {
       id : id
    };
    $.ajax({
        type:'DELETE',
        cache: false,
        url:base_url+"/visitportal/"+url_name,
        dataType: "json",
        data:datastring,
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        success:function(data) {
            $('#bs-example-modal-center-delete').modal('hide');
            if(data.status == 'success'){
               
                Toastify({
                    text: "Data delete successfully",
                    className: "success",
                    style: {
                      background: "linear-gradient(to right, #00b09b, #96c93d)",
                    }
                  }).showToast();
                  location.reload();
            }else{
                Toastify({
                    text: "Unable to delete data",
                    className: "danger",
                    style: {
                      background: "linear-gradient(to right, #f06548, #f06548)",
                    }
                  }).showToast();
            }
           
        }
    });
  }
</script>
@endif
@endsection