@extends('layouts.app')

{{-- Important Variables --}}

@php
    $moduleName                 = ' '.__('lang.receipt_voucher');
    $ModelName                  = 'App\Models\ActualReceived';
    $ParentRouteName            = 'schedule_general_receipt';

    // Donot Delete these variables if not necessary
    $formActionRoute            = "";
    $submitBtnTxt               = "";
    $voucher_attachments        = [];

    if($action=='create'){
        $formActionRoute=route($ParentRouteName . '.store');
        $breadcrumbCurrentName      = __('lang.create');
        $submitBtnTxt               = __('lang.save');
        $is_official                = request()->get('is_official');
    }
    else if($action=='edit'){
        $formActionRoute            =   route($ParentRouteName . '.update',$actual_received->id);
        $breadcrumbCurrentName      =  __('lang.edit');
        $submitBtnTxt               =   __('lang.update');
        $voucher_attachments        = $actual_received->voucher_attachments;
        $is_official                = $actual_received->is_official;
    }
    
    $createItemName             = $breadcrumbCurrentName . $moduleName;
    $breadcrumbCurrentIcon      = 'add_box';
    $breadcrumbMainName         = $moduleName;
    $breadcrumbMainIcon         = 'fas fa-receipt';

    $voucher_reference = $actual_received->references;
@endphp


@section('title')
    {{ $moduleName }}->{{ $createItemName }}
@stop

@section('top-bar')
    @include('includes.top-bar')
@stop

@section('left-sidebar')
    @include('includes.left-sidebar')
@stop

@section('content')

<section class="content">
    <div class="container-fluid">
        <div class="block-header pull-right">
            <a class="btn btn-sm btn-info waves-effect" href="{{ url()->previous() }}">{{__('lang.back')}}</a>
        </div>

        <ol class="breadcrumb breadcrumb-col-cyan pull-left">
            <li><a href=""><i class="material-icons">home</i> {{__('lang.home')}}</a></li>
            <li><a href=""><i
                class="{{ $breadcrumbMainIcon }}"></i>{{ $breadcrumbMainName }}</a></li>
            <li class="active"><i class="material-icons">{{ $breadcrumbCurrentIcon }}</i>{{ $breadcrumbCurrentName }}</li>
            
        </ol>

        <!-- Inline Layout | With Floating Label -->
        <div class="row clearfix">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <div class="card">
                    <div class="header">
                        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                            <h2>{{ $createItemName  }}</h2>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                            <h2 class="pull right">{{ $sell->registration_no  }} || {{ $sell->product->product_unique_id}} || {{$sell->customer->name}}</h2>
                        </div>
                        
                        <br>
                        <br>

                        <div class="body">
                            <form class="form" id="form_validation" method="post" action="{{ $formActionRoute }}"  enctype="multipart/form-data" >
                                
                                {{ csrf_field() }}

                                <input type="hidden" value="{{ $is_official }}" name="is_official">

                                <div class="row clearfix " id='voucher_type_div'>
                                    <div class="@if(!empty($type)) readOnlyField @endif ">
                                        @include('admin.schedule-general-receipts.partials.voucher_types')
                                    </div>
                                </div>
                                
                                <div class="row">

                                    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 text-center">
                                        @include('admin.schedule-general-receipts.partials.basic_data')
                                    </div>
                                                            
                                    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 text-center">
                                        @include('admin.schedule-general-receipts.partials.image_upload',['voucher_attachments'=>$voucher_attachments])
                                    
                                    </div>
                                </div>
                                
                                <div class="other_voucher_data" style="display: none">
                                    @include('admin.schedule-general-receipts.partials.receipt_detail')
                                </div>
                                
                                <div class="row">
                                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12  pull-right">
                                        <div class="form-group form-float">
                                            <div class="form-line"> 
                                                <input name="receipt_total_amount" type="number" class="form-control"  value="0" readonly>
                                                <label class="form-label">{{__('lang.total_receipt_amount')}} {{$transaction->systemSettingCurrency()}}</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-lg-8 col-md-8 col-sm-6 col-xs-12">
                                        <div class="form-line">
                                            <button type="submit" class="btn btn-primary m-t-15 waves-effect">{{ $submitBtnTxt }}</button>
                                            
                                            <a class="btn m-t-15 btn-default waves-effect"  href="{{ url()->previous() }}">{{__('lang.back')}}</a>
                                        </div>
                                    </div>
                                </div>

                            </form>
                        </div>
                    </div>

                </div>
            </div>
        </div>
            <!-- #END# Inline Layout | With Floating Label -->
    </div>

</section>

@stop
@push('include-css')
    <!-- Colorpicker Css -->
    <link href="{{ loadAsset('asset/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.css') }}" rel="stylesheet" />

    <!-- Dropzone Css -->
    <link href="{{ loadAsset('asset/plugins/dropzone/dropzone.css') }}" rel="stylesheet">

    <!-- Multi Select Css -->
    <link href="{{ loadAsset('asset/plugins/multi-select/css/multi-select.css') }}" rel="stylesheet">

    <!-- Bootstrap Spinner Css -->
    <link href="{{ loadAsset('asset/plugins/jquery-spinner/css/bootstrap-spinner.css') }}" rel="stylesheet">

    <!-- Bootstrap Tagsinput Css -->
    <link href="{{ loadAsset('asset/plugins/bootstrap-tagsinput/bootstrap-tagsinput.css') }}" rel="stylesheet">

    <!-- Bootstrap Select Css -->
    <link href="{{ loadAsset('asset/plugins/bootstrap-select/css/bootstrap-select.css') }}" rel="stylesheet" />



    <!-- Bootstrap Material Datetime Picker Css -->
    <link href="{{ loadAsset('asset/plugins/bootstrap-material-datetimepicker/css/bootstrap-material-datetimepicker.css') }}"
        rel="stylesheet" />

    <!-- Bootstrap DatePicker Css -->
    <link href="{{ loadAsset('asset/plugins/bootstrap-datepicker/css/bootstrap-datepicker.css') }}" rel="stylesheet" />


    <!-- noUISlider Css -->
    <link href="{{ loadAsset('asset/plugins/nouislider/nouislider.min.css') }}" rel="stylesheet" />

    <!-- Sweet Alert Css -->
    <link href="{{ loadAsset('asset/plugins/sweetalert/sweetalert.css') }}" rel="stylesheet" />
@endpush

@push('include-js')
    <!-- Moment Plugin Js -->
    <script src="{{ loadAsset('asset/plugins/momentjs/moment.js') }}"></script>

    <!-- Bootstrap Material Datetime Picker Plugin Js -->
    <script src="{{ loadAsset('asset/plugins/bootstrap-material-datetimepicker/js/bootstrap-material-datetimepicker.js') }}">
    </script>

    <!-- Bootstrap Datepicker Plugin Js -->
    <script src="{{ loadAsset('asset/plugins/bootstrap-datepicker/js/bootstrap-datepicker.js') }}"></script>


    <!-- Sweet Alert Plugin Js -->
    <script src="{{ loadAsset('asset/plugins/sweetalert/sweetalert.min.js') }}"></script>


    <!-- Autosize Plugin Js -->
    <script src="{{ loadAsset('asset/plugins/autosize/autosize.js') }}"></script>

    <script src="{{ loadAsset('asset/js/pages/forms/basic-form-elements.js') }}"></script>

   <script src="{{ loadAsset('asset/js/custom/schedule_general_receipt.js') }}"></script>

    <script>
        @if (Session::has('success'))
            toastr["success"]('{{ Session::get('success') }}');
        @endif

        @if (Session::has('error'))
            toastr["error"]('{{ Session::get('error') }}');
        @endif

        @if ($errors->any())
            @foreach ($errors->all() as $error)
                toastr["error"]('{{ $error }}');
            @endforeach
        @endif

        let action                  = '{{ $action }}';
        let actual_received         = @json($actual_received??[]);
        
        let get_documentation_data_ajax = "{{ route('get_documentation_data_ajax') }}";
        let schedule_ids                = @json($schedule_ids ?? [] );
     
        function open_image_modal(e){
            var image_src = $(e).find('img').attr('src');

            $('#imagepreview').attr('src',image_src);
            $('#download-btn').attr('href' , image_src);
            $('#imagemodal').modal('show'); 

        }
        
    </script>
@endpush