@extends('layouts.app')
@section('title', 'Quotation List')
@section('content')
<div class="container page-content">
    <div class="row page-col">
        <div class="{{ $current_route == 'company-service-used-list' || $current_route == 'clientele-quotation-list' ? 'col-8' : 'col-12' }}">
            <h1 class="font-weight-bold typography-4 mb-0">
                @if( $current_route == 'company-service-used-list' )
                    {{ 'Quotation Service( '.$service->name.' ) Used List' }}
                @elseif( $current_route == 'clientele-quotation-list' )
                    {{ 'Clientele ('.$clientele->company_name.' ) Quotation List' }}
                @else
                    Quotation List
                @endif
            </h1>
        </div>
        @if( $current_route == 'company-service-used-list' || $current_route == 'clientele-quotation-list' )
        <div class="col-4 text-end">
            <a class="btn btn-black btn-custom me-2" href="{{ $current_route == 'company-service-used-list' ? route('company-service-index') : route('clientele-index')}}">Back</a>
        </div>
        @endif
    </div>
    <div class="row page-col">
        <div class="col-12">
            <div class="card">
                @if( $current_route == 'quotation-index' || $current_route == 'quotation-filter' )
                <div>
                    <div class="col-12 text-end mb-3">
                        @if( Auth::user()->hasPermissionTo('edit quotation') && $user->details->signature)
                            <a class="btn btn-purple btn-custom" href="{{ route('quotation-create') }}">Create New</a>
                        @elseif ( Auth::user()->hasPermissionTo('edit quotation') )
                            <a class="btn btn-purple btn-custom btn-form-action" href="{{ route('view-user-signature', ['user_id'=>$user->id]) }}">Create New</a>
                        @endif
                    </div><!-- Create New -->
                </div>
                <div class="card-header">
                    <div class="row justify-content-between align-items-center">
                        <div class="col-12 mt-lg-0 mt-3 {{Auth::user()->hasPermissionTo('manage quotation')? 'col-lg-3' : 'col-lg-4'}}">
                            <div class="mw-100">
                                <select class="select-search w-100" onchange="window.location.href=this.value;">
                                    @foreach ($last_updated_at as $days => $days_label)
                                        @php
                                            $url = route('quotation-filter', ['update' => $days]);
                                            if(request()->has('status')) {
                                                $url .= '&status=' . request()->get('status');
                                            }
                                            if(request()->has('company')) {
                                                $url .= '&company=' . request()->get('company');
                                            }
                                            if(request()->has('user')) {
                                                $url .= '&user=' . request()->get('user');
                                            }
                                        @endphp
                                        <option value="{{ $url }}" {{ request()->get('update') == $days ? 'selected' : '' }}>
                                            {{ $days_label }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div><!-- Days Filter -->
                        <div class="col-12 mt-lg-0 mt-3 {{Auth::user()->hasPermissionTo('manage quotation')? 'col-lg-3' : 'col-lg-4'}}">
                            <div class="mw-100">
                                <select class="select-search w-100" onchange="window.location.href=this.options[this.selectedIndex].value;">
                                    <option value="{{ route('quotation-index') }}">All Status</option>
                                    @foreach ($status_types as $index => $status)
                                        @php
                                            $url = route('quotation-filter', ['status' => $index]);
                                            if(request()->has('update')) {
                                                $url .= '&update=' . request()->get('update');
                                            }
                                            if(request()->has('company')) {
                                                $url .= '&company=' . request()->get('company');
                                            }
                                            if(request()->has('user')) {
                                                $url .= '&user=' . request()->get('user');
                                            }
                                        @endphp
                                        <option value="{{ $url }}" {{ request()->get('status') == $index ? 'selected' : '' }}>
                                            {{ $status }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div><!-- Status Filter -->
                        <div class="col-12 mt-lg-0 mt-3 {{Auth::user()->hasPermissionTo('manage quotation')? 'col-lg-3' : 'col-lg-4'}}">
                            <div class="mw-100">
                            <select class="select-search" onchange="window.location.href=this.options[this.selectedIndex].value;">
                                <option value="{{ route('quotation-index') }}">Search Company Name</option>
                                @foreach ($all_companies as $company)
                                    @php
                                        $url = route('quotation-filter', ['company' => $company->id]);
                                        if(request()->has('status')) {
                                            $url .= '&status=' . request()->get('status');
                                        }
                                        if(request()->has('update')) {
                                            $url .= '&update=' . request()->get('update');
                                        }
                                        if(request()->has('user')) {
                                            $url .= '&user=' . request()->get('user');
                                        }
                                    @endphp
                                    <option value="{{ $url }}" {{ request()->get('company') == $company->id ? 'selected' : '' }}>
                                        {{ $company->company_name }}
                                    </option>
                                @endforeach
                            </select>
                            </div>
                        </div><!-- Company Name Filter -->
                        @if(Auth::user()->hasPermissionTo('manage quotation'))
                        <div class="col-12 col-lg-3 mt-lg-0 mt-3">
                            <div class="mw-100">
                            <select class="select-search" onchange="window.location.href=this.options[this.selectedIndex].value;">
                                <option value="{{ route('quotation-index') }}">Created By (All)</option>
                                @foreach ($all_users as $user)
                                    @php
                                        $url = route('quotation-filter', ['user' => $user->id]);
                                        if(request()->has('status')) {
                                            $url .= '&status=' . request()->get('status');
                                        }
                                        if(request()->has('update')) {
                                            $url .= '&update=' . request()->get('update');
                                        }
                                        if(request()->has('company')) {
                                            $url .= '&company=' . request()->get('company');
                                        }
                                    @endphp
                                    <option value="{{ $url }}" {{ request()->get('user') == $user->id ? 'selected' : '' }}>
                                        {{ $user->details->full_name }}
                                    </option>
                                @endforeach
                            </select>
                            </div>
                        </div><!-- Created By Filter -->
                        @endif
                    </div>
                </div>
                @endif
                <div class="card-body">
                    @include('public.table.quotations')
                </div>
                <div class="text-end mt-3 fw-bold">
                    <p>Total Amount</p>
                    <p>RM {{ number_format($total_amount_quotations, 2, '.', ',') }}</p>
                </div>
            </div>
        </div>
    </div>
</div>  
@endsection
@push('js')
<script type="text/javascript">
    $(document).ready(function(){
        $('.btn-form-action').on('click', function(e){ 
            e.preventDefault();

            $(this).data('inner-text', $(this).html());
            $(this).prop('disabled', true);
            $(this).html('<i class="fas fa-circle-notch fa-spin" style="margin-right: 5px;"></i> Loading');

            Swal.fire({
                title: 'Signature Not Found',
                text: "You have not uploaded your signature!",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Upload Now!'
            }).then((result) => {
                if (result.isConfirmed) {
                    window.location.href = "{{ route('view-user-signature', ['user_id' => $user->id]) }}";
                }
                else{
                    $(this).prop('disabled', false);
                    $(this).html($(this).data('inner-text'));
                }
            });
        });  
    });
</script>
@endpush