@php
	$userBranchId = Auth::user()->branchId;
@endphp
@extends('welcome')
@section('title', '| Home')
@section('content')
	<div class="row">
		<div class="col-sm-10 col-sm-offset-1 col-md-10 col-md-offset-1 col-lg-10">
			<div class="row">
				{{-- <div class="col-sm-4 animated fadeInLeft" style="animation-delay: 0.2s">
					<a href="{{ url('inv/home') }}">
						<div class="xe-widget xe-progress-counter xe-progress-counter-orange" data-count=".num" data-from="0" data-to="12425" data-duration="2">
							<div class="xe-background">
								<i class="fa fa-shopping-cart fa-6" aria-hidden="true"></i>
							</div>
							<div class="xe-upper">
								<div class="xe-icon">
									<i class="fa fa-shopping-cart fa-6" aria-hidden="true"></i>
								</div>
								<div class="xe-label">
									<strong>Inventory</strong>
								</div>
							</div>
							<div class="xe-progress">
								<span class="xe-progress-fill" data-fill-from="0" data-fill-to="56" data-fill-unit="%" data-fill-property="width" data-fill-duration="2" data-fill-easing="true"></span>
							</div>
							<div class="xe-lower">
								<strong>Inventory module of Enterprise Resource Planing.</strong>
							</div>
						</div>
					</a>
				</div> --}}
{{-- 				<div class="col-sm-4 animated fadeInLeft" style="animation-delay: 0.4s">
					<a href="{{ url('fams/home') }}">
						<div class="xe-widget xe-progress-counter xe-progress-counter-turquoise" data-count=".num" data-from="0" data-to="520" data-suffix="k" data-duration="3">
							<div class="xe-background">
								<i class="fa fa-cubes" aria-hidden="true"></i>
							</div>
							<div class="xe-upper">
								<div class="xe-icon">
									<i class="fa fa-cubes" aria-hidden="true"></i>
								</div>
								<div class="xe-label">
									<strong>FAMS</strong>
								</div>
							</div>
							<div class="xe-progress">
								<span class="xe-progress-fill" data-fill-from="0" data-fill-to="82" data-fill-unit="%" data-fill-property="width" data-fill-duration="3" data-fill-easing="true"></span>
							</div>
							<div class="xe-lower">
								<strong>FAMS (Fixed Asset Mmanagement System) module of Enterprise Resource Planing.</strong>
							</div>
						</div>
					</a>
				</div> --}}
		{{-- 		<div class="col-sm-4 animated fadeInLeft" style="animation-delay: 0.6s">
					<a href="javascript:;">
						<div class="xe-widget xe-progress-counter xe-progress-counter-pink" data-count=".num" data-from="0" data-to="289" data-suffix="k" data-duration="4">
							<div class="xe-background">
								<i class="fa fa-truck fa-6" aria-hidden="true"></i>
							</div>
							<div class="xe-upper">
								<div class="xe-icon">
									<i class="fa fa-truck fa-6" aria-hidden="true"></i>
								</div>
								<div class="xe-label">
									<strong>Procurement</strong>
								</div>
							</div>
							<div class="xe-progress">
								<span class="xe-progress-fill" data-fill-from="0" data-fill-to="40" data-fill-unit="%" data-fill-property="width" data-fill-duration="4" data-fill-easing="true"></span>
							</div>
							<div class="xe-lower">
								<strong>Procurement module of Enterprise Resource Planing.</strong>
							</div>
						</div>
					</a>
				</div> --}}
			</div>
			<div class="row">
				{{-- <div class="col-sm-4 animated fadeInLeft" style="animation-delay: 0.8s">
					<a href="{{ url('acc/home') }}">
						<div class="xe-widget xe-progress-counter xe-counter-block-blue" data-count=".num" data-from="46" data-to="27" data-duration="3">
							<div style="left:-10px;" class="xe-background">
								<i class="fa fa-usd fa-6" aria-hidden="true"></i>
							</div>
							<div class="xe-upper">
								<div class="xe-icon">
									<i class="fa fa-usd fa-6" aria-hidden="true"></i>
								</div>
								<div class="xe-label">
									<strong>Accounting</strong>
								</div>
							</div>
							<div class="xe-progress">
								<span class="xe-progress-fill" data-fill-from="89" data-fill-to="40" data-fill-unit="%" data-fill-property="width" data-fill-duration="3" data-fill-easing="true"></span>
							</div>
							<div class="xe-lower">
								<strong>Accounting module of Enterprise Resource Planing.</strong>
							</div>
						</div>
					</a>
				</div> --}}
				@php
					if($userBranchId==1){
						$url = url('hrm/home');
					}
					else{
						$url = '';
					}

				@endphp
			{{-- 	<div class="col-sm-4 animated fadeInLeft" style="animation-delay: 0.6s">
					<a href="{{ $url }}" @php if($userBranchId!=1){echo "style=\"pointer-events: none;cursor: not-allowed;\"";} @endphp>
						<div class="xe-widget xe-progress-counter xe-progress-counter-info" data-count=".num" data-from="0" data-to="289" data-suffix="k" data-duration="4">
							<div class="xe-background">
								<i class="fa fa-users fa-6" aria-hidden="true"></i>
							</div>
							<div class="xe-upper">
								<div class="xe-icon">
									<i class="fa fa-users fa-6" aria-hidden="true"></i>
								</div>
								<div class="xe-label">
									<strong>HR &amp; Payroll</strong>
								</div>
							</div>
							<div class="xe-progress">
								<span class="xe-progress-fill" data-fill-from="0" data-fill-to="40" data-fill-unit="%" data-fill-property="width" data-fill-duration="4" data-fill-easing="true"></span>
							</div>
							<div class="xe-lower">
								<strong>HR &amp; Payroll module of Enterprise Resource Planing.</strong>
							</div>
						</div>
					</a>
				</div> --}}
	{{-- 			<div class="col-sm-4 animated fadeInLeft" style="animation-delay: 0.8s">
					<a href="{{ url('mfn/home') }}">
						<div class="xe-widget xe-progress-counter xe-progress-counter" data-count=".num" data-from="46" data-to="27" data-duration="3">
							<div class="xe-background">
								<i class="fa fa-money fa-6" aria-hidden="true"></i>
							</div>
							<div class="xe-upper">
								<div class="xe-icon">
									<i class="fa fa-money fa-6" aria-hidden="true"></i>
								</div>
								<div class="xe-label">
									<strong>Micro Finance</strong>
								</div>
							</div>
							<div class="xe-progress">
								<span class="xe-progress-fill" data-fill-from="89" data-fill-to="40" data-fill-unit="%" data-fill-property="width" data-fill-duration="3" data-fill-easing="true"></span>
							</div>
							<div class="xe-lower">
								<strong>Micro Finance module of Enterprise Resource Planing.</strong>
							</div>
						</div>
					</a>
				</div> --}}
			</div>
            {{-- homepage animation div --}}
		</div>
	</div>
<div id="homepage-features">
    <div class="container">
      <div id="homepage">
          <div class="featuresdiv4 featuresdiv">
            <a href="{{ url('acc/home') }}">
              <p>Accounts Managemant</p>
           </a>
          </div>
          <div class="featuresdiv6 featuresdiv">
            <a href="{{ url('mfn/home') }}">
              <p>Micro Finance Management</p>
            </a>
          </div>
          <div class="featuresdiv5 featuresdiv">
            <a href="{{ $url }}">
              <p>HR & Payroll Managemant </p>
            </a>
          </div>
          <div class="featuresdiv3 featuresdiv">
            <a href="">
              <p>Procurement Managemant</p>
            </a>
          </div>
          <div class="featuresdiv2 featuresdiv">
            <a href="{{ url('fams/home') }}">
              <p>Fixed Assets Managemant</p>
             </a> 
          </div>
          <div class="featuresdiv1 featuresdiv">
            <a href="{{ url('inv/home') }}">
               <p>Inventory Managemant</p>
            </a>
          </div>
          <img src="images/naba-hand.png"" alt="">
          <div class="bg-overlay"></div>
          {{-- <div class="bg-overlay2"></div> --}}
      </div>
    </div>
</div>
    <script>
        $(document).ready(function(){
            $(".featuresdiv").each(function(i) {
            $(this).delay(i * 700).slideDown();
            $(this).addClass('homepage2');
            // $(this).removeClass('intro featuresdiv').addClass('homepage2');
            });
            $("#homepage-features").each(function() {
            $(this).addClass('homepage2');
            });
        });
    </script>
@endsection