@extends('layouts.admin.master')

@section('title')Financial
 {{ $title }}
@endsection


@push('css')
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/date-picker.css') }}">
<style>
    
</style>
@endpush

@section('content')	
	<div class="container-fluid">
    <div class="page-header">
      <div class="row">
        <div class="col-lg-6">
          <h3>Manage financial year</h3>
          <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('index') }}">Home</a></li>
            <li class="breadcrumb-item"><a href="{{ route('financeList') }}">Financial Year</a></li>    
            
            <li class="breadcrumb-item"><a href="#">@if($data ?? '') {{"Update"}} @else {{"Add"}}@endif</a></li>    
            

          </ol>
        </div>
        <div class="col-lg-6">
          <!-- Bookmark Start-->
         
          <div class="bookmark">
            <ul>
              <!-- <li><button class="btn btn-primary-light" type="button">Add FY</button></li>              -->
            </ul>
          </div>
          <!-- Bookmark Ends-->
        </div>
      </div>
    </div>
</div>
	<div class="container-fluid">
	    <div class="row justify-content-center">
	        <div class="col-sm-8">
	            <div class="card">
	                <div class="card-body">
                        <form method="post" action="@if(base64_decode(request()->get('action'))!='add') {{route('updateFinance')}} @else {{route('saveFinance')}} @endif" name="financeForm" id="financeForm">
                            @csrf
	                    <div class="form theme-form">
                            @if($data->financeId ?? '')
                            <div class="row d-none">
	                            <div class="col">
	                                <div class="mb-3">
	                                    <label>Id</label>
	                                    <input class="form-control" type="hidden"  name="financeId" id ="financeId" placeholder="Name *" value="{{encrypt_decrypt('encrypt',$data->financeId)}}" />
                                        <span id="nameError" class="addError"></span>
	                                </div>
	                            </div>
	                        </div>
                            @endif
	                        <div class="row">
	                            <div class="col">
	                                <div class="mb-3">
	                                    <label>Name</label>
	                                    <input class="form-control" type="text"  name="name" id ="name" placeholder="Name *" value="{{$data->name ?? ''}}" />
                                        <span id="nameError" class="addError"></span>
	                                </div>
	                            </div>
	                        </div>
	                        <div class="row">
	                            <div class="col">
	                                <div class="mb-3">
	                                    <label>Short name</label>
	                                    <input class="form-control" type="text" placeholder="Alisa " id="alias" name="alias" value="{{$data->shortName ?? ''}}"/>
                                        <span id="aliasError" class="addError"></span>
                                    </div>
	                            </div>
	                        </div>
	                        <div class="row">	                            
	                            <div class="col-sm-4">
	                                <div class="mb-3">
	                                    <label>Status</label>
	                                    <select class="form-select" name="status" id="status">
	                                        <option value="Active">Active</option>
	                                        <option value="Inactive">Inactive</option>
	                                    </select>
	                                </div>
	                            </div>
                                <div class="col-sm-4">
	                                <div class="mb-3">
	                                    <label>Starting date</label>
	                                    <div class="input-group">
											<input class="datepicker-here form-control digits" type="text" data-language="en" name="startDate" id="startDate" value="{{$data->startDate ?? ''}}"/>
                                            <span id="startDateError" class="addError"></span>
                                            <div class="input-group-text" data-target="#dt-minimum" data-toggle="datetimepicker"><i class="fa fa-calendar"> </i></div>
										</div>
	                                </div>
	                            </div>
	                            <div class="col-sm-4">
	                                <div class="mb-3">
	                                    <label>Ending date</label>
	                                    <div class="input-group">
											<input class="datepicker-here form-control digits" type="text" data-language="en" name="endDate" id="endDate" value="{{$data->endDate ?? ''}}"/>
                                            <span id="endDateError" class="addError"></span>
                                            <div class="input-group-text" data-target="#dt-minimum" data-toggle="datetimepicker"><i class="fa fa-calendar"> </i></div>
										</div>
	                                </div>
	                            </div>                            
	                        </div>	                       	                        
	                        <div class="row">
                                <div class="mb-3">
                                    <div class="form-check">
                                        <div class="checkbox p-0">
                                            <input class="form-check-input default" id="invalidCheck" type="checkbox" name="default" />
                                            <label class="form-check-label" for="invalidCheck">Make default</label>
                                        </div>
                                    </div>
                                </div>                                
	                            <div class="col justify-content-center">
	                                <div class="text-center"><button class="btn btn-primary" type="submit">@if($data ?? '') {{"Update"}} @else {{"Add"}}@endif</button></div>
	                            </div>
	                        </div>
	                    </div>
                        </form>
	                </div>
	            </div>
	        </div>
	    </div>
	</div>

	
	@push('scripts')
	<script src="{{ asset('assets/js/datepicker/date-picker/datepicker.js') }}"></script>
    <script src="{{ asset('assets/js/datepicker/date-picker/datepicker.en.js') }}"></script>
    <script src="{{ asset('assets/js/datepicker/date-picker/datepicker.custom.js') }}"></script>
    <script src="{{asset('assets/js/notify/bootstrap-notify.min.js')}}"></script>
    <script src="{{asset('assets/js/setting/notify.js')}}"></script>
    @if($data ?? '')
    <script>
            $(function(){
                $("#status").val('{{$data->status}}').attr("selected","selected");
                $(".default")[0].checked = {{$data->isDefault}}
            })
           
    </script>
    @endif
        @if(Session()->has('Response'))
            <script>
                notifyF("{{Session('Response')}}","{{Session('Msg')}}",'primary',2000)
            </script>
        @endif
      
        @if($errors->has('name'))
        <script>
            $("#nameError").html("{{ $errors->first('name') }}")
            $("#name").addClass('addErrorBorder')
                setTimeout(function() {
                    $("#nameError").fadeOut()
                    $("#name").removeClass('addErrorBorder')
                },5000)
            </script>
        @endif
        @if($errors->has('startDate'))
        <script>
            $("#startDateError").html("{{ $errors->first('startDate') }}")
            $("#startDate").addClass('addErrorBorder')
                setTimeout(function() {
                    $("#startDateError").fadeOut()
                    $("#startDate").removeClass('addErrorBorder')
                },5000)
            </script>
        @endif
        @if($errors->has('alias'))
        <script>
            $("#aliasError").html("{{ $errors->first('alias') }}")
            $("#alias").addClass('addErrorBorder')
                setTimeout(function() {
                    $("#aliasError").fadeOut()
                    $("#alias").removeClass('addErrorBorder')
                },5000)
            </script>
        @endif
	@endpush

    
@endsection