@extends('companyuser::layouts.master')
@section('title', __('settings::financial_years.title'))
@section('breadcrumb')
<div class="row breadcrumbs-top">
    <div class="breadcrumb-wrapper col-xs-12">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a
                    href="{{route('company.general-settings.index', $subdomain)}}">@lang('settings::financial_years.Settings')</a>
            </li>
            <li class="breadcrumb-item active"><a href="#">@lang('settings::financial_years.title')</a>
            </li>
        </ol>
    </div>
</div>
@endsection
@section('content')
<section>
    <div class="container-fluid">
        <div class="row text-right">
            <div class="col-md-6 headTitle">
                <h3 class="py-half">@lang('settings::financial_years.title')</h3>
            </div>
        </div>
        @include('companyuser::errors.all')
        @include('companyuser::errors.lists')
        <section id="configuration">
            <div class="row">
                <div class="col-xs-12">
                    <div class="card">
                        <div class="card-body collapse in">
                                <table
                                class="table table-striped table-column dataex-res-configuration  @if(app()->getlocale() == 'ar') ar-language-file @endif" style="width:100%;display: inline-table;">
                                    <thead>
                                        <tr>
                                            <th>@lang('settings::financial_years.id')</th>
                                            <th>@lang('settings::financial_years.year')</th>
                                            <th>@lang('settings::financial_years.status')</th>
                                            <th>@lang('settings::financial_years.created at')</th>
                                            <th>@lang('Actions')</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($fiscalYears as $fiscalYear)
                                        <tr>
                                            <td>{{$fiscalYear->id}}</td>
                                            <td>@lang('from') {{\App\Services\Date::format($fiscalYear->year . '-' . $fiscalYear->month . '-' . $fiscalYear->day, 'date')}}
                                                @if($fiscalYear->is_current)
                                                    @lang('settings::financial_years.to present')
                                                @else
                                                    @lang('to') {{\App\Services\Date::format($fiscalYear->closing_date, 'date')}}
                                                @endif
                                            </td>
                                            <td>@lang('settings::financial_years.status.' . $fiscalYear->is_current)</td>
                                            <td>{{\App\Services\Date::format($fiscalYear->created_at, 'date')}}</td>
                                            <td name="data-actions">
                                                @can('settings.financial-years.view')
                                                    <a href="{{route('company.financial-years.show', ['subdomain' => $subdomain, 'fiscalYear' => $fiscalYear->id])}}"
                                                        class='btn btni rounded-circle font-small-2 btn-primary btn-xs text-white' data-toggle="tooltip"
                                                        data-placement="bottom" title="@lang('Show')"><i class="fa fa-eye"></i>
                                                    </a>
                                                @endcan
                                                @if($company->allow_financial_management)
                                                    @can('settings.financial-years.edit')
                                                    <a href="{{route('company.financial-years.edit', ['subdomain' => $subdomain, 'fiscalYear' => $fiscalYear->id] )}}"
                                                        class="btn btni rounded-circle font-small-2 btn-sm  btn-info text-white">
                                                        <i class="fa fa-pencil" data-toggle="tooltip"
                                                            data-placement="bottom" title="@lang('Edit')"></i>
                                                    </a>
                                                    @endcan
                                                    @can('settings.financial-years.delete')
                                                        <a href="" target="_blank"
                                                            class="btn btni rounded-circle font-small-2 btn-sm  btn-danger delete-fiscal-year text-white"
                                                            data-toggle="modal" data-target="#deleteFiscalYearModal"
                                                            data-url="{{ route('company.financial-years.destroy', ['subdomain' => $subdomain, 'fiscalYear' => $fiscalYear->id]) }}">
                                                            <i class="fa fa-trash" data-toggle="tooltip" data-placement="bottom"
                                                                title="@lang('Delete')"></i>
                                                        </a>
                                                    @endcan
                                                @else
                                                    @can('settings.financial-years.edit')
                                                        <a href="#" class="btn btni rounded-circle font-small-2 btn-sm  btn-info text-white">
                                                            <i class="fa fa-pencil" data-toggle="tooltip"
                                                               data-placement="bottom" title="@lang('settings::financial_years.edit fiscal year warning message')"></i>
                                                        </a>
                                                    @endcan
                                                    @can('settings.financial-years.delete')
                                                        <a href="#" class="btn btni rounded-circle font-small-2 btn-sm  btn-danger delete-fiscal-year text-white">
                                                            <i class="fa fa-trash" data-toggle="tooltip"
                                                               data-placement="bottom" title="@lang('settings::financial_years.edit fiscal year warning message')"></i>
                                                        </a>
                                                    @endcan
                                                @endif
                                            </td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                        </div>
                    </div>
                </div>
            </div>

        </section>
        {{---------------- popup fo deleted role -------------------------------}}
        <div class="modal fade" id="deleteFiscalYearModal" tabindex="-1" role="dialog" aria-labelledby="favoritesModalLabel">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="favoritesModalLabel">@lang('Delete')</h4>
                    </div>
                    <div class="modal-body">
                        <p> @lang('settings::financial_years.delete year warning msg')
                        </p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default mx-1" data-dismiss="modal">@lang('No')</button>
                        <span class="pull-right">
                            <form id="delete-form" action="" method="POST" class="form">
                                @csrf
                                @method('delete')
                                <button type="submit" class="btn btn-primary">@lang('Yes')</button>
                            </form>
                        </span>
                    </div>
                </div>
        </div>
        </div>
    </div>
</section>
 @endsection
@section('extra_scripts')
    <script>
        gtag('event', 'web_settings_financial_years_list');
        console.log('web_settings_financial_years_list event');
    </script>
<script>
    window.addEventListener('DOMContentLoaded', function () {
        (function ($) {
            // For A Delete Record Popup
                //handel desktop(click) and mobile(touchstart) browsers
                $(document).on('touchstart click', '.delete-fiscal-year', function(){
                var url = $(this).attr('data-url');
                $("#delete-form").attr("action", url);
            });
        })(jQuery);
    });

</script>
@endsection