@extends('companyuser::layouts.master')
@section('title', __('sales::estimates.estimates'))
@section('extra-styles')
    <link rel="stylesheet" href="{{asset('assets/vendors/css/pickers/daterange/daterangepicker.css')}}">
    <style type="text/css">
        .swal2-container.swal2-center{
            z-index: 99999999;
        }
        .filter-section-collapse form .input-group .input-group-addon.h-45 {
            height: 40px !important;
        }
        .btni{
            margin: 0 3px !important;
        }
        a.disabled {
            pointer-events: none;
            cursor: default;
        }
        .quotation-to-proforma{
            width: 17px;
            height: 17px;
            margin-top: -1px;
            margin-right: -1px;
        }
    </style>
    <script src="{{ asset('js/app.js') }}" defer></script>
@endsection
@section('breadcrumb')
<link href="{{asset('assets/css/style-svgFont.css') }}" rel="stylesheet">
<div class="row breadcrumbs-top">
    <div class="breadcrumb-wrapper col-xs-12">
        <ol class="breadcrumb">
            <li class="breadcrumb-item">@lang('companyuser::sidebar.Sales')</li>
            <li class="breadcrumb-item"><a href="#">@lang('sales::estimates.estimates')</a></li>
        </ol>
    </div>
</div>
@endsection
@section('content')
<section>
    <div class="container-fluid">
        <div class="headBtns fixed-btns" style="padding-bottom: 10px;">
            <div class="btn-group pull-right">
                @can('sales.estimates.create')
                    <a class="text-white" href="{{route('company.estimates.create',$subdomain)}}" title="@lang('Add')">
                        <span @if(!$accountingSettingsCount) disabled @endif class="icon-Add action-icon"></span>
                    </a>
                @endcan
            </div>

            @can('sales.estimates.export')
                <div class="pull-left">
                    <a href="{{route('company.estimates.export', ['subdomain' => $subdomain, 'status' => request('status'), 'from' => request('from'), 'to' => request('to')]+request()->all())}}" class="{{!$estimates->count() ? 'disabled' : ''}} pull-left" title="@lang('reports::reports.download_excel')">
                        <span class="icon-Excel action-icon"></span>
                    </a>
                    <a href="{{route('company.estimates.exporting-pdf', ['subdomain' => $subdomain, 'status' => request('status'), 'from' => request('from'), 'to' => request('to')]+request()->all())}}" class="{{!$estimates->count() ? 'disabled' : ''}} pull-left" title="@lang('reports::reports.Download_Pdf')">
                        <span class="icon-Pdf action-icon"></span>
                    </a>
                    <a href="{{route('company.estimates.print-estimates-list', ['subdomain' => $subdomain, 'status' => request('status'), 'from' => request('from'), 'to' => request('to')]+request()->all())}}" class="{{!$estimates->count() ? 'disabled' : ''}} pull-left" target="_blank" title="@lang('Print')">
                        <span class="icon-Print action-icon"></span>
                    </a>
                </div>
            @endcan
        </div>

        <div class="row">
            @if( !$accountingSettingsCount)
            <div class="col-md-12  col-xs-12 text-center">
                <div class="alert alert-white settings-alert">
                    @lang('superadmin::Dashboard.Please set your ') &nbsp;
                    @if(!$accountingSettingsCount)
                        <a href="{{route('company.accounting-settings.index', $subdomain)}}"> @lang('settings::general_settings.accounting settings') </a>
                    @endif
                        &nbsp; @lang('superadmin::Dashboard.to start adding accounting transactions')
                </div>
            </div>
            @endif
        </div>

        <div class="row mt-1">
            <div class="col-md-12 mb-2">
                <div id="frontend-validation-errors"></div>
                <div>
                    <button class="btn btn-primary w-100 filterbtn" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
                        <div class="d-flex justify-content-between">
                            <span>@lang('Filter') </span><i class="fa fa-angle-down"></i>
                        </div>
                    </button>
                </div>
                <div class="collapse filter-collapse filter-section-collapse" id="collapseExample">
                    <form action="{{ route('company.estimates.index', ['subdomain' => $subdomain]) }}" method="GET" class="form form-horizontal striped-rows form-bordered dev-form-validate" novalidate>
                        @csrf
                        <div class="card card-body mb-0">
                        <div class="row">
                            <div class="col-md-4">
                                <div class="row">
                                    <div class="col-md-12">
                                        <label for="customer">@lang('sales::estimates.customer')</label>
                                    </div>
                                    <div class="col-md-12">
                                        <customers-dropdown-component 
                                        :selected="{{ 
                                            json_encode(\Modules\Sales\Models\Customer::getForDropdown(request('customer_id'))) 
                                        }}"
                                        :create-new="true"
                                            :create-new-url="'{{ route('company.customers.create', ['subdomain' => $subdomain, 'reference' => 'estimates']) }}'"
                                            :lang="'{{ app()->getLocale() }}'"
                                            :multi-select="false"
                                            input-name="customer_id"
                                            :translations="{
                                                placeholder: '{{ __("sales::customers.select_customer") }}',
                                                searchPlaceholder: '{{ __("sales::customers.search_customers") }}',
                                                createNewText: '{{ __("sales::customers.add_new_customer") }}',
                                                noResultsText: '{{ __("sales::customers.no_customers_found") }}',
                                            }"
                                            class="w-100"
                                        />
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-8">
                                <div class="row">
                                    <div class="col-md-6">
                                        <label for="category">@lang('sales::estimates.issue_date')</label>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-6  w-50-ipad-portrait mb-half">
                                        <x-date-picker 
                                            name="issue_date_from" 
                                            :value="request('issue_date_from')"
                                            input-class="h-45"
                                            :is-invalid="$errors->has('issue_date_from')"
                                        />
                                        @error('issue_date_from')
                                        <div class="invalid-feedback text text-danger w-100 d-block" role="alert">
                                            <p>{{ $message }}</p>
                                        </div>
                                        @enderror
                                    </div>
                                    <div class="col-md-6  w-50-ipad-portrait mb-half">
                                        <x-date-picker 
                                            name="issue_date_to" 
                                            :value="request('issue_date_to')"
                                            input-class="h-45"
                                            :is-invalid="$errors->has('issue_date_to')"
                                        />
                                        @error('issue_date_to')
                                        <div class="invalid-feedback text text-danger w-100 d-block" role="alert">
                                            <p>{{ $message }}</p>
                                        </div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="row">
                                    <div class="col-md-12">
                                        <label for="category">@lang('sales::estimates.due_date')</label>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-6  w-50-ipad-portrait mb-half">
                                        <x-date-picker 
                                            name="due_date_from" 
                                            :value="request('due_date_from')"
                                            input-class="h-45"
                                            :is-invalid="$errors->has('due_date_from')"
                                        />

                                        @error('due_date_from')
                                        <div class="invalid-feedback text text-danger w-100 d-block" role="alert">
                                            <p>{{ $message }}</p>
                                        </div>
                                        @enderror
                                    </div>

                                    <div class="col-md-6  w-50-ipad-portrait mb-half">
                                        <x-date-picker 
                                            name="due_date_to" 
                                            :value="request('due_date_to')"
                                            input-class="h-45"
                                            :is-invalid="$errors->has('due_date_to')"
                                        />
                                        @error('due_date_to')
                                            <div class="invalid-feedback text text-danger w-100 d-block" id="due-date-to-error-container" role="alert">
                                                <p>{{ $message }}</p>
                                            </div>
                                        @enderror
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-6">

                                <div class="row">
                                    <div class="col-md-12">
                                        <label for="amount">@lang('sales::estimates.amount')</label>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-6  w-50-ipad-portrait mb-half">
                                        <input type="number" name="amount_from" value="{{ request('amount_from') }}" class="form-control h-45" placeholder="@lang('from')">
                                    </div>
                                    <div class="col-md-6  w-50-ipad-portrait mb-half">
                                        <input type="number" name="amount_to" value="{{ request('amount_to') }}" class="form-control h-45" placeholder="@lang('to')">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="text-left mt-2">
                            <button type="submit" class="btn btn-info mr-1 mb-1 p-5">
                                <img src="{{asset('assets/images/Done.png') }}" alt="done" width="35px">
                            </button>
                            <button type="reset" id="reset" class="btn btn-warning mb-1 p-5"> <span class="icon-Delete f-32"></span></button>
                        </div>
                    </div>
                    </form>
                </div>
            </div>
        </div>
        @include('companyuser::errors.all')
        @include('companyuser::errors.lists')
        <section id="configuration" style="margin-top: 15px;">
            <div class="row">
                <div class="col-xs-12">
                    <div class="card">
                        <div>
                            <div class="card-block card-dashboard">
                                <table id ="quotations_table" class="table table-striped" style="width:100%;display: inline-table;">
                                    <thead>
                                        <tr>
                                            <th>@lang('sales::estimates.reference_id')</th>
                                            <th style="width: 20%">@lang('sales::estimates.customer')</th>
                                            <th>@lang('sales::estimates.issue_date')</th>
                                            <th>@lang('sales::estimates.due_date')</th>
                                            <th>@lang('sales::estimates.status')</th>
                                            <th>@lang('sales::estimates.discount amount')</th>
                                            <th>@lang('sales::estimates.vat')</th>
                                            <th>@lang('sales::estimates.amount')</th>
                                            <th>@lang('Actions')</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>


        {{---------------- popup fo deleted role -------------------------------}}
        <div class="modal fade" id="favoritesModal" 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('Are You Sure to delete this?')
                        </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_sales_quotation_list');
        console.log('web_sales_quotation_list event');
    </script>
<script src="{{url('assets/js/vendors/js/pickers/dateTime/moment-with-locales.min.js')}}" defer></script>
<script src="{{url('assets/js/vendors/js/pickers/daterange/daterangepicker.js')}}" defer></script>
<script src="{{ asset('assets/js/custom/daterangepicker.js') }}" defer></script>
<script src="{{ asset('vendor/sweetalert/sweetalert.all.js') }}"></script>
<script>
    window.addEventListener('DOMContentLoaded', function() {
        (function($) {
            // For A Delete Record Popup
            //handel desktop(click) and mobile(touchstart) browsers
            $(document).on('click', '.delete-estimate', function() {
                var url = $(this).attr('data-url');
                $("#delete-form").attr("action", url);
            });

            $('#quotations_table').DataTable({
                processing: true,
                serverSide: true,
                search: true,
                ajax: {
                    url: "{{route('company.estimates.index',['subdomain' => $subdomain])}}",
                    data: