@extends('layouts.app')


@php
	if($action == 'create'){
		$form_action            = route($parentRouteName.'.store_multiple');
		$createItemName         = __('lang.create') ." " .$moduleName;
		$breadcrumbCurrentName  = __('lang.create');
		$submit_button_text     = __('lang.save');
		$submit_new_button_text = __('lang.save_and_new');

        if(!checkRolePermission('Receipts.Edit')){
            $redirection_url    = route('actual_received.all');
        }
	}
	else if($action == 'edit'){

		$form_action            = route($parentRouteName.'.update_multiple',$item->id);
		$createItemName         = __('lang.edit') ." " . $moduleName;
		$breadcrumbCurrentName  = __('lang.edit');
		$submit_button_text     = __('lang.update');
        $submit_new_button_text = __('lang.update_and_new');
        $type                   = $item->type;
        $voucher_attachments    = $item->voucher_attachments;
        $branch_id              = $item->branch_id;
        $total_receipt_amount   = $item->actual_amount ?? 0;
        $is_multi_receipt       = $item->is_multiple;
        $branch_name            = $item->branch_name;
        $drawnBankselected      = $item->drawn_bank;
        $particulars            = $item->particulars;
	}
	$breadcrumbCurrentIcon      = "add_box";
    $drawn_bank                 = App\Models\Common::ALL_BANKS();
    $save_and_new               = route($parentRouteName.'.create_multiple');

@endphp

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

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

@push('include-css')
	<style>
		.multi_receipt_heading {
			font-size : 20px !important;
			font-weight: 600 !important;
			text-align: center !important;
			text-transform: uppercase;
			/* color:white !important;
		    background-color: #24576A; */
			padding: 10px;
		}
	</style>
@endpush

    <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="{{ route('dashboard') }}"><i class="material-icons">home</i> {{__('lang.home')}}</a></li>
                <li><a href="{{ route('actual_received.all') }}"><i
                            class="material-icons">{{ $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">

                            <h2>
                                {{ $createItemName  }} @if($action=='edit') ( {{$item->receipt_no}} )   @endif
                            </h2>
                            <br>
                            <div class="body">
                                <form class="form" id="form_validation" method="post" action="{{ $form_action }}" enctype="multipart/form-data"> 
									@csrf
                                    <div class="row">

                                        <div class="col-md-12">
                                            @include('admin.partials.officialUnofficial',[
                                                'data'=>[
                                                    'branch_id'     =>  $item->general_receipt_items[0]->branch_id ?? null ,
                                                    'is_official'   =>  $item->is_official ?? null,
                                                    'type'          =>  'receipts',
                                                ]])
                                        </div>

                                    </div>
                                    <div class="row">

                                        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 text-center">
                                            @include('admin.general-receipts.partials.basic_data')
                                        </div>
                                                                
                                        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 text-center">
                                            @include('admin.general-receipts.partials.image_upload',['voucher_attachments'=>$voucher_attachments])
                                        </div>

                                    </div>

                                    <div class="general_data">
                                        @include('admin.general-receipts.partials.general')
                                    </div>

                                    <div class="row">
                                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding:0; margin-top:10px;">
                                           <div class="card" style="background-color:#24576A !important; padding-top: 2px;">
                                              <div class="col-lg-10 col-md-8 col-sm-8 col-xs-8" style="border-right: 2px solid white;">
                                                 <div  style="border-bottom:none;color:#fff">
                                                       <h5 class="pull-right">{{__('lang.total_receipt_amount')}} {{$transaction->systemSettingCurrency()}}</h5>
                                                 </div>
                                              </div>
                                              <div class="col-lg-2 col-md-4 col-sm-4 col-xs-4" style="padding-top: 7px;font-weight: 600;font-size: 16px;">
                                                 <div style="border-bottom:none;color:#fff" id="">
                                                       <div class="pull-right"><b><span class='total_receipt_amount'> 0 </span></b></div>
                                                       <input readonly value="{{ $total_receipt_amount }}" name="receipt_total_amount" type="hidden">
                                                 </div>
                                              </div>
                                           </div>
                                        </div>
                                     </div>


									<div class="row">
										<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                            <div class="form-line">
                                                @include('admin.partials.approval', ['save_and_new' => $save_and_new, 'redirection_url' => $redirection_url,'submit_and_pdf'=>true])
                                                @if($action =="edit")
                                                    <button class="m-t-15 btn btn-warning waves-effect dropdown-toggle" type="button" data-toggle="dropdown"><a style="text-decoration:unset!important;color: #FFFFFF;">{{__('lang.print')}}</a><span class="caret"></span></button>
                                                    <ul class="dropdown-menu ">
                                                        <li><a href="{{ route('general.receipts.pdf',['id'=>$item->id , 'office' => 1  ]) }}"  target="_blank">{{__('lang.office_copy')}}</a></li>
                                                        <li><a href="{{ route('general.receipts.pdf',['id'=>$item->id , 'client' => 1 ]) }}"  target="_blank">{{__('lang.client_copy')}}</a></li>
                                                        <li><a href="{{ route('general.receipts.pdf',['id'=>$item->id , 'office' => 1 , 'client' => 1 ]) }}"  target="_blank"> {{__('lang.office_client_copy')}}</a></li>
                                                    </ul>
                                                @endif

                                                <a class="btn m-t-15 btn-default waves-effect" href="{{ url()->previous() }}">{{__('lang.back')}}</a>
                                            </div>
                                        </div>
									</div>

                                    @if($action == 'edit')
                                        <div id="document-stats" class="document-stats">
                                            <hr>
                                            <div class="row">
                                                <div class="col-md-3">
                                                    <label class="col-md-6"><span class="pull-right">Created By:</span></label>
                                                    <label class="col-md-6"><strong>{{ $item->createdby->name }}</strong></label>
                                                </div>
                                                <div class="col-md-3">
                                                    <label class="col-md-6"><span class="pull-right">Date Created:</span></label>
                                                    <label class="col-md-6"><strong>{{ App\Models\Common::viewDate($item->created_at) }}</strong></label>
                                                </div>
                                                <div class="col-md-3">
                                                    <label class="col-md-6"><span class="pull-right">Modified By:</span></label>
                                                    <label class="col-md-6"><strong>@if($item->updatedby->name == 'Techibits') {{ '-' }} @else {{ $item->updatedby->name }} @endif  </strong></label>
                                                </div>
                                                <div class="col-md-3">
                                                    <label class="col-md-6"><span class="pull-right">Modified Date:</span></label>
                                                    <label class="col-md-6  "><strong>{{!empty($item->updatedby->name) ? App\Models\Common::viewDate($item->updated_at):'-'  }}</strong></label>
                                                </div>
                                            </div>
                                        </div>
                                    @endif
                                </form>

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

@stop

@push('include-css')

    <link href="{{ loadAsset('asset/plugins/bootstrap-datepicker/css/bootstrap-datepicker.css') }}" rel="stylesheet"/>    
@endpush

@push('include-js')

    <script src="{{ loadScriptFromServer('asset/js/custom/general_multi_receipt.js') }}"></script>
    <script src="{{loadScriptFromServer ('js/custom/webcam.min.js')}}"></script>

    

    <script>

        navigator.getMedia = ( navigator.getUserMedia || navigator.webkitGetUserMedia ||navigator.mozGetUserMedia || navigator.msGetUserMedia );

        Webcam.set({
            width: 170,
            height: 220,
            // device capture size
            dest_width: 170,
            dest_height: 170,
            // final cropped size
            crop_width: 170,
            crop_height: 170,
            image_format: 'jpeg',
            jpeg_quality: 90,
        });

        $('.webCam').click(()=>{
            navigator.getMedia({video: true}, function() {
                Webcam.attach( '#my_camera' );
                $('.snapShotBtn').removeClass('hide');
            }, function() {
                toastr["error"]('Web cam Not Available');
            });
        })

        function take_snapshot() {
            Webcam.snap( function(data_uri) {
                // $("#images").html("");
                $('.uploadProfileLabel').addClass('hide');
                $('.imagePreview').attr('src', data_uri);
                $(".image-tag").val(data_uri);
            } );
        }

        @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
    </script>
    <script>
        let multi_receipt_data      = @json($item);
        let is_multi_receipt        = "{{ $is_multi_receipt }}";
        let action                  = "{{ $action }}";
        let drawn_bank              = @json($drawn_bank);
        let get_accounts_ajax       = "{{ route('actual_received.mode.change') }}";
    </script>
@endpush