@extends('layouts.app')
@section('title', 'Client Product Cost')
@section('content')
<div class="container-fluid mt-1">
@include('settings.common_tabs')
<style type="text/css">
    .right_btns{
        width: 4% !important;
        text-align: right !important;
    }
</style>
<div class="col-lg-12">
    <div class="col-lg-12">
        <div class="card ">
            <div class="row col-lg-12 pl-4">

                <h5 class="modal-title" id="exampleModalLabel">
                    <a href="{{ route('client_product_cost') }}" style="text-decoration:none;" data-toggle="tooltip" data-placement="top" title="Go Back">
                    <img class="mensuicon" src="{{asset('app-assets/assets/images/backs.png')}}" style="width:1.3rem;height:1.3rem;margin-right: 10px;">
                    </a>Update Client Product Cost
                </h5>
            </div>
            <div class="card p-2 card_top_orenge " >
                <div class="card-body">
                    <form method="post" id="costUpdateForm" name="costUpdateForm"  data-parsley-validate data-parsley-trigger="keyup">
                        @csrf
                        <input type="hidden" name="cost_id" id="cost_id" value="{{$getCost->id}}">
                        <div class="row">
                            <div class="col-lg-4">
                                <label for="client_select" class="col-form-label"> Client <span class="text-danger"> * </span></label>
                                <select required class="form-control" name="client_id" id="client_id">
                                    <option value="">Select Client</option>
                                    @forelse($getClients as $client_list)
                                        <option value="{{$client_list->id}}" @if($getCost->client_id == $client_list->id) selected @endif> {{$client_list->client_name}}</option>
                                    @empty
                                    @endforelse
                                </select>
                            </div>
                            <div class="col-lg-4">
                                <label for="company_select" class="col-form-label"> Product <span class="text-danger"> * </span></label>
                                <select required class="form-control" name="product_id" id="product_id">
                                    <option value="">Select Product</option>
                                    @forelse($getProducts as $product_list)
                                    <option value="{{$product_list->id}}" @if($getCost->product_id == $product_list->id) selected @endif> {{$product_list->product_name}}</option>
                                    @empty
                                    @endforelse
                                </select>
                            </div>
                            <div class="col-lg-4">
                                <label for="name-input" class="col-form-label">Cost<span class="text-danger"> * <span></label>
                                <input id="cost" type="text" name="cost" value="{{$getCost->cost}}" class="form-control" autocomplete="off" placeholder="Enter Cost" required data-parsley-trigger="focusout" data-parsley-trigger="keyup" >
                            </div>
                        </div>
                        <div class="d-flex">
                            <div class="row flex-grow-1">
                                <div class="col-lg-2">
                                    <label for="state_select" class="col-form-label"> State <span class="text-danger"> * </span></label>
                                    <select required class="form-control select2 get_county" name="state" id="state" >
                                        <option value="">Select State</option>
                                        @foreach($getStates as $state)
                                            <option value="{{ $state->id }}" @if($getCost->state == $state->id) selected @endif>{{ $state->short_code }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-lg-3">
                                    <label for="county_select" class="col-form-label"> County <span class="text-danger"> * </span></label>
                                    <select required class="form-control select2" name="county" id="county" >
                                        <option value="">Select County</option>
                                        @foreach($getCounties as $county)
                                            <option value="{{ $county->id }}" @if($getCost->county == $county->id) selected @endif>{{ $county->county_name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                
                                <div class="col-lg-1 text-center">
                                    <label for="active-input" class="col-form-label">Is Active ?</label><br>
                                    <input type="checkbox" id="is_active" name="is_active" value="1"  @if($getCost->is_active == 1) checked @endif>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="card-footer text-right">
                    <button type="button" class="btn btn-danger" onclick="get_back()">Close</button>
                    <input type="button" value="Submit" name="submit" id="submit" class="btn btn-primary" onclick="costUpdate();">
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
$(function () 
 {
        @if(Session::has('success'))
        new PNotify({
        title: 'Success',
        delay: 500,
        text:  "{{Session::get('success')}}",
        type: 'success'
        });
                
        @endif
        @if ($errors->any())
        var err = "";
        @foreach ($errors->all() as $error)
        
            new PNotify({
            title: 'Error',
            text: "{{$error}}",
            delay: 800,
            type: 'error'
            });
            @endforeach
        @endif
});

$(document).ready(function() 
{
    $(".odtabs").not("#tab19").addClass('btn-outline-secondary');
    $("#tab19").addClass('btn-secondary');      
});


$(document).on('change', '.get_county', function() 
{
  
	var stateid = $(this).val();
    var url = '{{ route("get_county_on_edit") }}';
    $.ajax({
        type: "post",
        url: url,
        data: { stateid:stateid , _token: '{{csrf_token()}}'},
        success: function(html)
        {
            if (html)
            {
                $("#county").html("");
                $("#county").html(html);
            }
        }
    });

});

function costUpdate(){

	var id = $('#cost_id').val();
	var url = '{{ route("client_product_cost_update", ":id") }}';
	url = url.replace(':id', id);
    if ($("#costUpdateForm").parsley()) {
		if ($("#costUpdateForm").parsley().validate()) {
			event.preventDefault();
            var formData = new FormData($("#costUpdateForm")[0]);
			if ($("#costUpdateForm").parsley().isValid()) {
				$.ajax({
					type: "POST",
					cache:false,
					async: false,
					url: url,
					data: formData,
					processData: false,
					contentType: false,
					success: function(response) {
                        if(response.data =='success')
                        {
                            new PNotify({
                                title: 'Success',
                                text:  response.msg,
                                type: 'success'
                            });
                            get_back();
                        }
                        else
                        {
                            new PNotify({
                            title: 'Error',
                            text:  response.msg,
                            type: 'error',
                            delay: 2000
                            });
                        }
				    },	
                    error: function(response)
                    {
                        var err = "";
                        $.each(response.responseJSON.errors,function(field_name,error){
                            err = err +'<br>' + error;
                        });
                        new PNotify({
                            title: 'Error',
                            text:  err,
                            type: 'error',
                            delay: 2000
                        });
                    },
				});
			}
		}
	}
}

function get_back()
{
	 window.location.href = '/settings/client_product_cost';
}
</script>
@endsection