@include('components/uheader')
@include('components/usidebar')

<div id="content" class="main-content">
    <div class="topbar_content mt-3">
        <h2>Create Project</h2>
        <div class="viewAll mr-4">
            <a href="/admin_dashboard" class="viewAllBtn">
                <button class="btn btn-danger">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
                    stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                    class="feather feather-arrow-left">
                <line x1="19" y1="12" x2="5" y2="12"></line>
            	<polyline points="12 19 5 12 12 5"></polyline>
            	</svg> Back</button>
            </a>
        </div>
    </div>
    <div class="layout-px-spacing layout-top-spacing">
        <div class="modal-footer"></div>
        <div class="row">
            <div class="col-xl-12 col-lg-12 col-sm-12  layout-spacing">
                <div class="card">
                    <div class="card-body p-3">
                        <form action="{{route('create_project_submit')}}" method="post" class="form-group" id="project_form">
                            {{csrf_field()}}
                            <div class="row" id="form_data">
		                        <div class="col-6">
		                            <label for="project name">Project ID*</label>
		                            <input type="text" class="form-control" id="project_id" placeholder="Enter Project Name" name="project_id" readonly value="">
		                        </div>
                            	<div class="col-6">
		                            <label for="project name">Project Name*</label>
		                            <input type="text" class="form-control" id="project_name" placeholder="Enter Project Name" name="project_name">
		                            <p class="text-danger" id="error_msg"></p>
		                        </div>
                                <div class="col-6">
		                            <label for="project name">Start Date</label>
		                            <input type="text" class="form-control" id="startDate" onchange="getDays()" placeholder="Enter Project Start Date" name="project_startDate">
		                            <p class="text-danger" id="project_startDate_error"></p>
		                        </div>
		                        <div class="col-6">
		                            <label for="project name">End Date</label>
		                            <input type="text" class="form-control" id="endDate" onchange="getDays()" placeholder="Enter Project End Date" name="project_endDate" value="">
		                            <p class="text-danger"></p>
		                        </div>
		                        <div class="col-6">
		                        	<label>Project Days</label>
		                        	<input type="text" readonly="" class="form-control" id="days" placeholder="Enter Project Days" name="days">
		                            <p class="text-danger"></p>
		                        </div>
		                        <div class="col-6">
		                        	<label>Project Estimation</label>
		                        	<input type="text" class="form-control" id="project_budget" placeholder="Enter Project Estimation" name="budget">
		                            <p class="text-danger"></p>
		                        </div>
                                <div class="col-6">
                                    <label>Client Name</label>
                                    <input type="text" class="form-control" id="client_name" placeholder="Enter Client Name" name="client_name">
                                    <p class="text-danger"></p>
                                </div>
                                <div class="col-6">
                                    <label>Client Contact Number</label>
                                    <input type="text" class="form-control" id="client_number" placeholder="Enter Client Contact Number" name="client_number">
                                    <p class="text-danger" ></p>
                                </div>
                                <div class="col-6">
                                    <label>Client Email Address</label>
                                    <input type="email" class="form-control" id="client_email" placeholder="Enter Client Email" name="client_email">
                                    <p class="text-danger"></p>
                                </div>
		                        <div class="col-6">
                                    <label for="a-designation">Project Status*</label>
                                    <select class="form-control" name="status" id="status">
                                    	<option>Select Project Status</option>
                                    	<option>Active</option>
                                    	<option>Pre Sell</option>
                                    </select>
                                    <p class="text-danger">
                                        @if($errors->has('domain'))
	                                        @foreach($errors->get('domain') as $error)
	                                        	{{$error}}
	                                        @endforeach
                                        @endif
                                    </p>
                                </div>
                                <div class="col-6">
                                    <label for="project name">Select Sales Person*</label>
                                    <select class="form-control basic" name="sales_person">
                                        <option>Select Employee</option>
                                        @foreach($employee_list as $e)
                                            @if(Session::has('emp_id'))
                                                @if(Session::get('emp_id') == $e->id)
                                                    <option selected value="{{ $e->id }}">{{ $e->first_name }} {{ $e->last_name }} ( {{ $e->id }} )</option>
                                                @else
                                                    <option value="{{ $e->id }}">{{ $e->first_name }} {{ $e->last_name }} ( {{ $e->id }} )</option>
                                                @endif
                                            @else
                                                <option value="{{ $e->id }}">{{ $e->first_name }} {{ $e->last_name }} ( {{ $e->id }} )</option>

                                            @endif
                                        @endforeach
                                    </select>
                                    <p class="text-danger"></p>
                                </div>
                                <div class="col-6">
                                    <label for="project name">Select Concern Person</label>
                                    <select class="form-control basic" name="concern_person">
                                        <option>Select Employee</option>
                                        @foreach($employee_list as $e)
                                            @if(Session::has('emp_id'))
                                                @if(Session::get('emp_id') == $e->id)
                                                    <option selected value="{{ $e->id }}">{{ $e->first_name }} {{ $e->last_name }} ( {{ $e->id }} )</option>
                                                @else
                                                    <option value="{{ $e->id }}">{{ $e->first_name }} {{ $e->last_name }} ( {{ $e->id }} )</option>
                                                @endif
                                            @else
                                                <option value="{{ $e->id }}">{{ $e->first_name }} {{ $e->last_name }} ( {{ $e->id }} )</option>

                                            @endif
                                        @endforeach
                                    </select>
                                    <p class="text-danger"></p>
                                </div>
                                <div class="col-6">
                                    <label>Department*</label>
                                    <select class="form-control" name="department" id="department">
                                        @if(old('department') == 'Select Department')
                                            <option selected value="Select Department">Select Department</option>
                                            @foreach($department as $d)
                                                <option value="{{$d->id}}">{{$d->department}}
                                                </option>
                                            @endforeach
                                        @else
                                            <option value="Select Department">Select Department</option>
                                            @foreach($department as $d)
                                                @if(old('department') == $d->id)
                                                    <option selected value="{{$d->id}}">
                                                    {{$d->department}}</option>
                                                @else
                                                    <option value="{{$d->id}}">{{$d->department}}
                                                    </option>
                                                @endif
                                            @endforeach
                                        @endif
                                    </select>
                                    <p class="text-danger">
                                        @if($errors->has('department'))
                                            @foreach($errors->get('department') as $error)
                                                {{$error}}
                                            @endforeach
                                        @endif
                                    </p>
                                </div>
                                <div class="col-6">
                                    <label for="a-designation">Domain*</label>
                                    <select class="form-control" name="domain" id="domain">
                                    </select>
                                    <p class="text-danger">
                                        @if($errors->has('domain'))
                                            @foreach($errors->get('domain') as $error)
                                                {{$error}}
                                            @endforeach
                                        @endif
                                    </p>
                                </div>
                                <div class="mt-3">
                                	<button class="btn btn-success" id="save_form" type="button">Submit</button>
                                	<button class="btn btn-primary" type="reset">Reset</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
<script type="text/javascript">
	$("#department").on('change', function() {
        var department_id = $(this).val();
        if (department_id) {
            if($("#return_domain").val() != null){
                var return_domain = $("#return_domain").val();
            }else{
                var return_domain = null;
            }
            $.ajax({
                url: "{{ url('designation')}}",
                type: "get",
                data: { designation_id: department_id, return_domain:return_domain },
                success: function(html) {
                    $("#domain").html(html);
                }
            });
        }else {
            $("#domain").html('<option value="">Select Department First</option>');
        }
    });

    $("#project_name").on('input',function(){
		var project_name = $(this).val();
        var remove_space = project_name.replaceAll(' ', '_');
		var id = $("#project_id").val();
        var split_id = id.split("-");
        var id = split_id[0]+"-";
		$("#project_id").val(id+remove_space);
	});

	function getDays() {
        var dt1 = $('#endDate').datepicker('getDate');
        var dt2 = $('#startDate').datepicker('getDate');
        var oneDay = 24 * 60 * 60 * 1000;
        var day = 0;
        if (dt1 && dt2) {
            day = Math.round(Math.abs((dt2.getTime() - dt1.getTime()) / (oneDay)));
        }
        $('#days').val(day + 1);
    }

    $(document).ready(function(){
    	$('#endDate').datepicker({
	  		dateFormat : "dd/mm/yy",
	   	});
        $('#startDate').datepicker({
            dateFormat : "dd/mm/yy",
        });

    	$(".basic").select2();

        if($("#project_name").val() == ''){
            var val = {{ isset($project_id->id) ? $project_id->id : 0 }} + 1;
            if(val<10){
                var val = '00'+val;
            }else if(val < 100){
                var val = '0'+val;
            }else{
                var val = val;
            }
            $("#project_id").val(val+"-");
        }


        var department_id = $("#department").val();
        if (department_id) {
            if($("#return_domain").val() != null){
                var return_domain = $("#return_domain").val();
            }else{
                var return_domain = null;
            }
            $.ajax({
                url: "{{ url('designation')}}",
                type: "get",
                data: { designation_id: department_id, return_domain: return_domain},
                success: function(html) {
                    $("#domain").html(html);
                }
            });
        }else {
            $("#domain").html('<option value="">Select Domain</option>');
        }
    })
</script>


@include('components/ufooter')