@extends(backpack_view('blank'))
@if (
    $crud->entity_name == 'project' ||
        $crud->entity_name == 'quotation' ||
        $crud->entity_name == 'variation-order' ||
        $crud->entity_name == 'invoice' ||
        $crud->entity_name == 'template-quotation')
    @section('head_scripts')
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/jquery-autogrow-textarea@1.3.0/dist/jquery.autogrow.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/sticky-js@1.3.0/dist/sticky.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.3/moment.min.js"></script>
    @endsection
    @section('before_styles')
        <style type="text/css">
            .bg-transition {
                transition: all .3s;
            }

            .bg-tier-one {
                background-color: #ddd !important;
            }

            .bg-tier-two {
                background-color: #adb3bb !important
            }

            .bg-tier-three {
                background-color: #d3cfeb !important;
            }
        </style>
        <style>
            #date-payment {
                position: relative;
                /* width: 150px; height: 20px; */
                color: white;
            }

            #date-payment:before {
                position: absolute;
                top: 5px;
                left: 10px;
                content: attr(data-date);
                display: inline-block;
                color: #506690;
            }

            #date-payment::-webkit-datetime-edit,
            #date-payment::-webkit-inner-spin-button,
            #date-payment::-webkit-clear-button {
                display: none;
            }

            #date-payment::-webkit-calendar-picker-indicator {
                position: absolute;
                top: 7px;
                right: 5px;
                color: #506690;
                opacity: 1;
            }
        </style>
    @endsection
@endif
@php
    $defaultBreadcrumbs = [
        trans('backpack::crud.admin') => url(config('backpack.base.route_prefix'), 'dashboard'),
        $crud->entity_name_plural => url($crud->route),
        trans('backpack::crud.add') => false,
    ];

    // if breadcrumbs aren't defined in the CrudController, use the default breadcrumbs
    $breadcrumbs = $breadcrumbs ?? $defaultBreadcrumbs;
@endphp

@section('header')
    <section class="container-fluid">
        <h2>
            <span class="text-capitalize">{!! $crud->getHeading() ?? $crud->entity_name_plural !!}</span>
            <small>{!! $crud->getSubheading() ?? trans('backpack::crud.add') . ' ' . $crud->entity_name !!}.</small>

            @if ($crud->hasAccess('list'))
                <small><a href="{{ url($crud->route) }}" class="d-print-none font-sm"><i
                            class="la la-angle-double-{{ config('backpack.base.html_direction') == 'rtl' ? 'right' : 'left' }}"></i>
                        {{ trans('backpack::crud.back_to_all') }} <span>{{ $crud->entity_name_plural }}</span></a></small>
            @endif
        </h2>
    </section>
@endsection

@section('content')
    <div class="row">
        @if (
            $crud->entity_name == 'term' ||
                $crud->entity_name == 'quotation' ||
                $crud->entity_name == 'variation-order' ||
                $crud->entity_name == 'invoice' ||
                $crud->entity_name == 'template-quotation')
            <div class="col-md-12 bold-labels">
            @else
                <div class="{{ $crud->getCreateContentClass() }}">
        @endif

        <!-- Default box -->
        @include('crud::inc.grouped_errors')
        <form method="post" action="{{ url($crud->route) }}"
            @if ($crud->hasUploadFields('create')) enctype="multipart/form-data" @endif>
            {!! csrf_field() !!}
            <!-- load the view from the application if it exists, otherwise load the one in the package -->
            @if (view()->exists('vendor.backpack.crud.form_content'))
                @include('vendor.backpack.crud.form_content', [
                    'fields' => $crud->fields(),
                    'action' => 'create',
                ])
            @else
                @include('crud::form_content', ['fields' => $crud->fields(), 'action' => 'create'])
            @endif

            {{-- Project --}}
            @if ($crud->entity_name == 'project')
                @can('project-payment')
                    {{ view('app.project.payment.create') }}
                @endcan
                {{--  {{view('app.project.vendor.create')}}  --}}
                {{ view('app.project.commission.create') }}
            @endif
            {{-- End Project --}}

            {{-- Quotation --}}
            @if ($crud->entity_name == 'quotation')
                {{ view('app.quotation.create') }}
            @endif
            {{-- End Quotation --}}

            {{-- Variation Order --}}
            @if ($crud->entity_name == 'variation-order')
                {{ view('app.variation-order.create') }}
            @endif
            {{-- End Variation Order --}}


            {{-- Invoices --}}
            @if ($crud->entity_name == 'invoice')
                {{ view('app.invoice.create') }}
            @endif
            {{-- End Invoices --}}
            {{-- Template Quotation --}}

            {{-- End Template Quotation --}}

            @include('crud::inc.form_save_buttons')
        </form>
    </div>
    </div>
@endsection
@push('after_scripts')
    {{--  For auto fillup leads start  --}}
    @if ($crud->entity_name == 'lead' || $crud->entity_name == 'quotation')
        <script>
            $(document).ready(function() {
                var url = new URL(window.location.href);
                var entityName = "{{ $crud->entity_name }}";
                var getFromLeadId = url.searchParams.get("add_from_lead_id");
                console.log('lead duplicate ', getFromLeadId)
                if (getFromLeadId) {
                    let leadDuplicateRoute = '{{ route('ajax.lead.duplicate.show', ':getFromLeadId') }}';
                    leadDuplicateRoute = leadDuplicateRoute.replace(':getFromLeadId', getFromLeadId);
                    $.ajax({
                        type: 'GET',
                        url: leadDuplicateRoute,
                        success: function(res) {
                            console.log('res', res);
                            if (entityName == "lead") {
                                $(`input[name='client_name']`).val(res.client_name)
                                $(`input[name='ic']`).val(res.ic)
                                $(`input[name='contact_number']`).val(res.contact_number)
                                $(`textarea[name='email']`).val(res.email)
                                $(`input[name='block_no']`).val(res.block_no)
                                $(`input[name='road_no']`).val(res.road_no)
                                $(`input[name='road_name']`).val(res.road_name)
                                $(`input[name='residence']`).val(res.residence)
                                $(`input[name='postal_code']`).val(res.postal_code)
                                $("select[name='country_code']").val(res.country_code).change();
                                $("select[name='country_name']").val(res.country_name).change();
                                $("select[name='source_id']").val(res.source_id).change();
                                $("select[name='property_type_id']").val(res.property_type_id).change();
                                $("select[name='condition_type_id']").val(res.condition_type_id).change();
                            } else if (entityName == "quotation") {
                                $(`input[name='client_name']`).val(res.client_name)
                                $(`input[name='client-ic']`).val(res.ic)
                                $(`input[name='client_contact']`).val(res.contact_number)
                                $(`textarea[name='client-email']`).val(res.email)
                                $(`input[name='block_no']`).val(res.block_no)
                                $(`input[name='road_no']`).val(res.road_no)
                                $(`input[name='road_name']`).val(res.road_name)
                                $(`input[name='residence']`).val(res.residence)
                                $(`input[name='postal_code']`).val(res.postal_code)
                                $(".quotation-company").append(
                                    '<p class="text-warning" style="font-size:11px">Please select project first to list down companies</p>'
                                )
                                $("select[name='country_code']").val(res.country_code).change();
                                $("select[name='country_name']").val(res.country_name).change();
                            }
                        }
                    });
                }
            });
        </script>
    @endif
    {{--  For auto fillup leads end  --}}
@endpush