@extends('layouts.admin')
<title>{{trans('home.financial')}}</title>
@section('content')
    <div class="container-fluid">

        <!-- Page Header -->
        <div class="page-header">
            <div>
                <h2 class="main-content-title tx-24 mg-b-5">{{trans('home.crm')}}</h2>
                <h2 class="main-content-title tx-24 mg-b-5">{{trans('home.financial')}}</h2>
            </div>
        </div>
        <!-- End Page Header -->
        <!-- Row-->
        <div class="row">
            <div class="col-sm-12 col-xl-12 col-lg-12">
                <div class="card custom-card overflow-hidden">
                <div class="row">
        		    
		    <div class="col-sm-6 col-md-4 col-xl-3">
			    <a href="javascript:void;">
					<div class="card custom-card">
						<div class="card-body text-center">
							<div class="icon-service  rounded-circle ">
								<i class="fas fa-dollar-sign"></i>
							</div>
							<p class="headCardHome">فواتير تم تحصيلها  CRM</p>
							<p class="">ايصالات تم تحصيلها بالفعل  " لكن بدون شركات مهارات التى لم تحصل بعد"</p>
							<h3 class="headCardNum">{{$numbers['sum_collected_invoices']}}</h3>
						</div>
					</div>
				</a>
			</div>
		    <div class="col-sm-6 col-md-4 col-xl-3">
			    <a href="javascript:void;">
					<div class="card custom-card">
						<div class="card-body text-center">
							<div class="icon-service  rounded-circle ">
								<i class="fas fa-dollar-sign"></i>
							</div>
							<p class="headCardHome">فواتير افراد تم تحصيلها    CRM</p>
							<p class="">فواتير تم تحصيلها للافراد</p>
							<h3 class="headCardNum">{{$numbers['sum_collected_invoices_clients']}}</h3>
						</div>
					</div>
				</a>
			</div>
		    <div class="col-sm-6 col-md-4 col-xl-3">
			    <a href="javascript:void;">
					<div class="card custom-card">
						<div class="card-body text-center">
							<div class="icon-service  rounded-circle ">
								<i class="fas fa-dollar-sign"></i>
							</div>
							<p class="headCardHome">فواتير شركات تم تحصيلها    CRM</p>
							<p class="">فواتير تم تحصيلها للشركات</p>
							<h3 class="headCardNum">{{$numbers['sum_collected_invoices_companies']}}</h3>
						</div>
					</div>
				</a>
			</div>
		    <div class="col-sm-6 col-md-4 col-xl-3">
			    <a href="javascript:void;">
					<div class="card custom-card">
						<div class="card-body text-center">
							<div class="icon-service  rounded-circle ">
								<i class="fas fa-dollar-sign"></i>
							</div>
							<p class="headCardHome">فواتير شركات مهارات تم تحصيلها    CRM</p>
							<p class="">فواتير تم تحصيلها لشركات مهارات بالاخص</p>
							<h3 class="headCardNum">{{$numbers['sum_collected_invoices_companies_mahrat']}}</h3>
						</div>
					</div>
				</a>
			</div>
		    <div class="col-sm-6 col-md-4 col-xl-3">
			    <a href="javascript:void;">
					<div class="card custom-card">
						<div class="card-body text-center">
							<div class="icon-service  rounded-circle ">
								<i class="fas fa-dollar-sign"></i>
							</div>
							<p class="headCardHome">فواتير فى انتظار تحصيلها   CRM</p>
							<p class="">فواتير تم تحصيل جزء منها وهذا الجزء الباقى</p>
							<h3 class="headCardNum">{{$numbers['sum_invoicing_invoices']}}</h3>
						</div>
					</div>
				</a>
			</div>
		    <div class="col-sm-6 col-md-4 col-xl-3">
			    <a href="javascript:void;">
					<div class="card custom-card">
						<div class="card-body text-center">
							<div class="icon-service  rounded-circle ">
								<i class="fas fa-dollar-sign"></i>
							</div>
							<p class="headCardHome">فواتير افراد فى انتظار تحصيلها   CRM</p>
							<p class="">فواتير تم تحصيل جزء منها وهذا الجزء الباقى</p>
							<h3 class="headCardNum">{{$numbers['sum_invoicing_invoices_clients']}}</h3>
						</div>
					</div>
				</a>
			</div>
		    <div class="col-sm-6 col-md-4 col-xl-3">
			    <a href="javascript:void;">
					<div class="card custom-card">
						<div class="card-body text-center">
							<div class="icon-service  rounded-circle ">
								<i class="fas fa-dollar-sign"></i>
							</div>
							<p class="headCardHome">فواتير شركات فى انتظار تحصيلها   CRM</p>
							<p class="">فواتير تم تحصيل جزء منها وهذا الجزء الباقى</p>
							<h3 class="headCardNum">{{$numbers['sum_invoicing_invoices_companies']}}</h3>
						</div>
					</div>
				</a>
			</div>
		    <div class="col-sm-6 col-md-4 col-xl-3">
			    <a href="javascript:void;">
					<div class="card custom-card">
						<div class="card-body text-center">
							<div class="icon-service  rounded-circle ">
								<i class="fas fa-dollar-sign"></i>
							</div>
							<p class="headCardHome">فواتير شركات مهارات فى انتظار تحصيلها   CRM</p>
							<p class="">فواتير تم تحصيل جزء منها وهذا الجزء الباقى</p>
							<h3 class="headCardNum">{{$numbers['sum_invoicing_invoices_companies_mahrat']}}</h3>
						</div>
					</div>
				</a>
			</div>
    			</div>
                    <form class="row m-3" method="GET" action="{{url('admin/crm/financial')}}">
                        @csrf
                        <div class="col-lg-3 col-md-6 form-group">
                            <label for="parent">{{trans('home.responsible_employee')}}</label>
                            <select class="form-control select2" name="responsible_employee"
                                @if(!in_array('Crm Manager', auth()->user()->getRoleNames()->toArray()) && !in_array('admin', auth()->user()->getRoleNames()->toArray()))
                                        disabled
                                @endif
                            >
                                @if(!in_array('Crm Manager', auth()->user()->getRoleNames()->toArray()) && !in_array('admin', auth()->user()->getRoleNames()->toArray()))
                                    <option value="{{ auth()->user()->id }}" selected>
                                        {{ auth()->user()->name() }}
                                    </option>
                                @else
                                    <option value="" selected disabled>{{ trans('home.responsible_employee') }}</option>
                                    @foreach($crm_employees as $crm_employee)
                                        <option value="{{ $crm_employee->id }}"
                                            {{ request('responsible_employee') == $crm_employee->id ? 'selected' : '' }}>
                                            {{ $crm_employee->name() }}
                                        </option>
                                    @endforeach    
                                @endif
                            </select>
                        </div>
                        <div class="col-lg-3 col-md-6 form-group">
                            <label for="date">{{trans('home.from')}}</label>
                             <input type="date" class="form-control" name="date_from" 
                             value="{{ request('date_from') }}" >
                        </div>
                        
                        <div class="col-lg-3 col-md-6 form-group">
                            <label for="date">{{trans('home.to')}}</label>
                             <input type="date" class="form-control" name="date_to" 
                             value="{{ request('date_to') }}" >
                        </div>
                        <div class="col-lg-3 col-md-6 form-group">
                            <label for="parent">فلتر بواسطة</label>
                            <select class="form-control select2" id="client_type" name="type">
                                <option value="" selected disabled>{{ trans('home.type') }}</option>
                                <option value="company" {{ request('type') == "company" ? 'selected' : '' }}>
                                    {{ __('home.companies') }}</option>
                                <option value="client" {{ request('type') == "client" ? 'selected' : '' }}>
                                    {{ __('home.clients') }}</option>
                                <option value="all" {{ request('type') == "all" ? 'selected' : '' }}>
                                    الجميع</option>
                            </select>
                        </div>
                        <div class="col-lg-3 col-md-6 form-group @if(!request('category') && request('type') !="company" ) d-none @endif " id="client_category">
                            <label for="parent">مسار البيع</label>
                            <select class="form-control select2" name="category">
                                <option value=""  >اختر المسار</option>
                                
                                <option value="maharat" @if(request('category')) {{request('category')=="maharat"? 'selected':''}}  @endif >@lang('home.maharat')</option>
                                <option value="special" @if(request('category')) {{request('category')=="special"? 'selected':''}}  @endif >@lang('home.special')</option>
{{--                                <option value="special-maharat" @if(request('category')) {{request('category')=="special-maharat"? 'selected':''}}
            @endif >@lang('home.special-maharat') </option>
            --}}
                                <option value="all" @if(request('category')) {{request('category')=="all"? 'selected':''}}  @endif >الجميع </option>
                            </select>
                        </div>
                        <div class="d-flex form-group align-items-center gap-3">
                            <button class="btn btn-primary ">@lang('home.filter')</button>
                            <a href="{{url('admin/crm/financial')}}" class="btn border">@lang('home.clear_filter')
                                <i class="fal fa-repeat-alt px-2"></i>
                            </a>
                        </div>
                    </form>
                    <span class="text-center border border-primary h4 w-50 m-auto p-2">
                        اجمالى القيمه المسددة : 
                        <span class="fw-bolder">
                            {{$sum_paid}} ر.س
                        </span>
                    </span>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table" id="exportexample">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>{{trans('home.id')}}</th>
                                        <th>{{trans('home.client').' / '.trans('home.company')}}</th>
                                        <th>{{__('home.name')}}</th>
                                        <th>{{__('home.crm_employee')}}</th>
                                        <th>{{trans('home.invoice_number')}}</th>
                                        <th>{{trans('home.discount')}}</th>
                                        <th>{{trans('home.invoice_value')}}</th>
                                        <th>القيمة المسددة</th>
                                        <th>طريقة الدفع</th>
                                        <th>حالة المتدرب</th>
                                        <th>رقم الدورة</th>
                                        <th>نوع الفاتورة </th>
                                        <th>{{trans('home.details')}}</th>
                                        @can('crm_edit_invoice')
                                            <th>{{trans('home.edit')}}</th>
                                        @endcan
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($invoices as $index=>$invoice)
                                        <tr id="{{$invoice->id}}" class="type_{{$invoice->client?->type}} clientrecord">
                                            <td> {{ $index+1 }}</td>
                                            <td> {{ $invoice->id }}</td>
                                            <td> {{ __('home.'.$invoice->client?->type) }}</td>
                                            <td> {{ $invoice->client?->name }}</td>
                                            <td> {{ $invoice->client?->responsible_employee?->user?->name()}}</td>
                                            <td> {{ $invoice->invoice_number }}</td>
                                            <td> {{ $invoice->discount?? ' - ' }}</td>
                                            <td> {{ $invoice->invoice_value }}</td>
                                            <td> {{ $invoice->items?->sum('amount')}}</td>
                                            <td> {{ optional($invoice->items->first()?->paymentMethod)->name??'--' }}</td>
                                            <td> {{ __('home.'.$invoice->invoice_status) }}</td>
                                            <td> {{ $invoice->training_number}}</td>
                                            <td> {{ __('home.'.$invoice->invoice_type)}}</td>
                                            <td><a class="btn btn-primary" target="_blank" href="{{ url('admin/crm/invoice/'.$invoice->id) }}">{{trans('home.details')}}</a></td>
                                            @can('crm_edit_invoice')
                                            <td><a class="btn btn-info" href="javascript:void(0)" 
                                                    data-bs-toggle="modal"   
                                                    data-bs-target="#editInvoice_{{$invoice->id}}" >
                                                    {{trans('home.edit')}}
                                                </a>
                                            </td>
                                            <div class="modal fade" id="editInvoice_{{$invoice->id}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                                <div class="modal-dialog modal-xl" role="document">
                                                    <form method="post" action="{{route('invoice_update',$invoice->id)}}" enctype="multipart/form-data">
                                                        @csrf
                                                        <div class="modal-content">
                                                            <div class="modal-header">
                                                                <h5 class="modal-title" id="exampleModalLabel">تعديل فاتورة  # {{$invoice->invoice_number}}</h5>
                                                                <button type="button" class="close" data-bs-dismiss="modal" aria-bs-label="Close">
                                                                  <span aria-hidden="true">&times;</span>
                                                                </button>
                                                            </div>
                                                                
                                                            <div class="modal-body row">
                                                                @if($invoice->client?->type=="company")
                                                                    <div class="form-group col-lg-4 ">
                                                                        <label for="n_clients" class="col-form-label">@lang('home.n_clients'):</label>
                                                                        <input class="form-control" type="number" value="{{$invoice->n_clients}}"  name="n_clients" id="n_clients" required >
                                                                    </div>
                                                                @endif
                                                                
                                                                <div class="form-group col-lg-4 ">
                                                                    <label for="invoice_value" class="col-form-label">@lang('home.invoice_value'):</label>
                                                                    <input class="form-control" type="number" value="{{$invoice->invoice_value}}" name="invoice_value" id="invoice_value" required>
                                                                </div>
                                                                <div class="form-group col-lg-4 ">
                                                                    <label for="discount" class="col-form-label">قيمة الخصم</label>
                                                                    <input class="form-control" type="number" value="{{$invoice->discount}}" name="discount" id="discount" >
                                                                </div>
                                                                
                                                                
                                                            </div>
                                                            <div class="modal-footer">
                                                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">@lang('home.cancel')</button>
                                                                <button type="submit" class="btn btn-primary">@lang('home.save') </button>
                                                            </div>
                                                        </div>
                                                    </form>
                                                  </div>
                                            </div>
                                            @endcan
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
    					</div>
					
                    </div>
                </div>
            </div>
        </div>
        <!-- End Row -->
    </div>
    
@endsection
@section('script')
    // <script>
    //     $('.filter_type').click(function(){
    //         var type = $(this).data('type');
    //         $('.filter_type button').removeClass('btn-info').addClass('btn-primary');
    //         $(this).find('button').removeClass('btn-primary').addClass('btn-info');
            
    //         if(type == "client"){
    //             $('.clientrecord').addClass('d-none'); 
    //             $('.type_client').removeClass('d-none'); 
    //             $('#clear').removeClass('d-none'); 
                
    //         } 
    //         else if(type == "company"){
    //             $('.clientrecord').addClass('d-none'); 
    //             $('.type_company').removeClass('d-none'); 
    //             $('#clear').removeClass('d-none'); 
    //         }
    //         else if(type == "clear"){
    //             $('.clientrecord').removeClass('d-none'); 
    //             $('#clear').addClass('d-none'); 
    //         }
    //     });
    // </script>
    
    <script>
        $('#client_type').change(function() {
            var type_value = $(this).val();
            if(type_value=="company"){
                $('#client_category').removeClass('d-none')
            }else{
                $('#client_category').addClass('d-none')
            }
            console.log(type_value);
        });
    </script>
@endsection