@extends('layouts.app')

@php

$moduleName                 = __('lang.documentation_charges');
$createItemName             = ucfirst($action) . $moduleName;
$breadcrumbMainName         = $moduleName;
$breadcrumbCurrentName      = " ".ucfirst($action);
$breadcrumbMainIcon         = "fas fa-user-graduate";
$breadcrumbCurrentIcon      = "add_box";
$ModelName                  = 'App\Models\SellDocumentationCharge';
$ParentRouteName            = 'documentation_charges';
$submit_button_text         = __('lang.save');
$form_route                 = route("$ParentRouteName.store",['sells_id'=>$sell->id]);

if($action == 'edit'){
    $form_route                 = route("$ParentRouteName.update",['sells_id'=>$sell->id]);
    $submit_button_text         = __('lang.update');
}

@endphp

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

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

    .selected_installment{

        background-color: rgb(168, 209, 158) !important;
    }
    [type="radio"]+label {
        padding: 0px 25px;
    }
    [type="checkbox"]+label {
        line-height: 23px;
        padding-left: 25px;
    }
    [type="checkbox"]:not(.filled-in) + label:after {
        width: 16px !important;
        height: 16px !important;
    }
    .col-lg-1 {
            width: 9.333333% !important;
        }
        
    </style>

<section class="content create_many_section">
    <div class="container-fluid">
        <div class="block-header">
            <h4 class="text-center">{{__('lang.documentation_charges')}} (
                <span> {{ $sell->branch->name ?? '-' }} </span> ||
                <span> {{ $sell->customer->name ?? '-' }} </span> ||
                <span> {{ ($sell->registration_no) ?? '-' }} </span> ||
                <span> {{ ($sell->product->flat_size).' '. $sell->product->size_in ?? '-' }} </span>
                )
            </h4>
        </div>

        <div class="block-header pull-right">
            <a class="btn btn-sm btn-info waves-effect" href="{{ route("$ParentRouteName",['sells_id'=>$sell->id]) }}">{{__('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="{{ route('sell') }}"><i class="fas fa-dolly"></i> {{__('lang.sale')}}</a>
            </li>
            <li>
                <a href="{{ route("$ParentRouteName",['sells_id'=>$sell->id]) }}"><i class="material-icons">schedule</i>{{__('lang.documentation_charges')}}</a>
            </li>
            <li class="active">
                <i class="material-icons">{{$breadcrumbCurrentIcon}}</i> {{ ucfirst($action) }}
            </li>
        </ol>
        <form class="form" id="form_validation" method="post" action="{{ $form_route }}">
            
            @csrf

			@php
				$system_settings  = \App\Models\Setting::systemBuilder();
				$enable_term_wise = $system_settings->allowed_entity->schedule->documentation_charges_transactions_term_wise ?? 0;
			@endphp

            @include('admin.schedule-manage.receivable-schedule.partial.documentation_terms',['enable_term_wise'=>$enable_term_wise])

            <div class="card" style="background-color:#24576A !important;padding-top: 8px;">
                <div class="row">
                    <div class="col-md-6">
                        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8" style="border-right: 2px solid white;">
                            <div  style="border-bottom:none;color:#fff">
								@if(!$enable_term_wise)
                                	<h5 class="pull-right">{{__('lang.total_discount')}} {{$transaction->systemSettingCurrency()}}</h5>
								@endif
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4" style="padding-top: 4px;font-weight: 600;font-size: 16px;">
                            <div style="border-bottom:none;color:#fff">
								@if(!$enable_term_wise)
                                	<div class="pull-right">{{$currency_symbol}}  <span id='totalDiscount'></span></div>
								@endif
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="col-lg-8 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')}} {{$transaction->systemSettingCurrency()}}</h5>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4" style="padding-top: 4px;font-weight: 600;font-size: 16px;">
                            <div style="border-bottom:none;color:#fff">
                                <div class="pull-right">{{$currency_symbol}}  <span id='totalPayable'></span></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>                
            <br>
            <div class="row" style="padding:10px;">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding: 5px;">
                    <div class="card">
                        <div class="header" style="padding-bottom: 52px;">
                            <div class="pull-right">
                                <a class="btn btn-default waves-effect" href="{{ url()->previous() }}">{{__('lang.back')}}</a>

                                <input type="submit" class="btn btn-primary waves-effect submit-button" value="{{$submit_button_text}}" />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
</section>

@stop

@push('include-css')

<!-- 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" />

@endpush

@push('include-js')
<script type="text/javascript" src="{{ loadAsset('asset/js/custom/documentation_charges.js') }}"></script>

<script>
    let action                          = "{{ $action }}";
    let documentation_schedules         = @json($documentation_schedules);
    let documentation_discounts         = @json($documentation_discounts);
    let documentation_payment_types     = @json($documentation_payment_types);
</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
</script>

@endpush