@extends('admin.settings.index')

@section('settings_tab_content')

    <div class="tab-content w-100 overflow-auto">
        <div class="tab-pane fade active show">
            @include('partials.messages')

            <div class="card">
                <div class="card-header header-elements-inline">
                    <h5 class="card-title">@lang('crm.currencies')</h5>
                </div>
                <div class="card-body">
                    <div class="row header-controls">
                        <div class="col-md-6">
                            @if(admin_permission('settings.update'))
                            <a href="javascript:new_currency()" class="btn btn-success" id="add-currency">
                                <i class="icon-plus-circle2"></i>&nbsp;
                                @lang('crm.new_currency')
                            </a>
                            @endif
                        </div>
                        <div class="col-md-6">
                            <div class="btn-group ml-1 float-right">

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


                    <table class="table" id="table-currencies">
                        <thead>
                        <th>@lang('crm.currency_list_name')</th>
                        <th>@lang('crm.currency_list_symbol')</th>
                        <th>@lang('crm.options')</th>
                        </thead>
                        <tbody>
                            @foreach($currencies as $currency)
                                <tr>
                                    <td>
                                        <span><a href="javascript:edit_currency(this, {{ $currency['id'] }});" class=" text-primary ">{{ $currency['name'] }}</a></span>
                                            @if($currency['isdefault'])<br><span class="display-block text-info">Base Currency</span>@endif
                                    </td>
                                    <td>{!! $currency['symbol'] !!}</td>
                                    <td>
                                        @if(admin_permission('settings.update'))
                                        <a href="javascript:edit_currency({{ $currency['id'] }});" class="btn btn-primary btn-circle"><i class="icon-pencil3"></i></a>
                                        <a href="javascript:del_currency({{ $currency['id'] }});" class="btn btn-danger btn-circle">
                                            <i class="icon-cross"></i>
                                        </a>
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>

            <div class="card">
                <div class="card-header header-elements-inline">
                    <h5 class="card-title">@lang('crm.payment_modes')</h5>
                </div>
                <div class="card-body">
                    <div class="row header-controls">
                        <div class="col-md-6">
                            @if(admin_permission('settings.update'))
                            <a href="javascript:new_payment_mode()" class="btn btn-success" id="add-paymentmode">
                                <i class="icon-plus-circle2"></i>&nbsp;
                                @lang('crm.new_payment_mode')
                            </a>
                            @endif
                        </div>
                        <div class="col-md-6">
                            <div class="btn-group ml-1 float-right">

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

                    <table class="table" id="table-paymentmodes">
                        <thead>
                        <th>@lang('crm.payment_modes_dt_name')</th>
                        <th>@lang('crm.payment_modes_dt_description')</th>
                        <th>@lang('crm.payment_modes_dt_active')</th>
                        <th>@lang('crm.options')</th>
                        </thead>
                        <tbody>
                        @foreach($payment_modes as $mode)
                            <tr>
                                <td>
                                    <span><a href="javascript:edit_payment_mode({{ $mode['id'] }});" class=" text-primary ">{{ $mode['name'] }}</a></span>
                                </td>
                                <td>{!! $mode['description'] !!}</td>
                                <td>
                                    <label class='form-check-label'>
                                        <input type='checkbox' data-id="{{$mode['id']}}" class='form-check-input-switchery' onclick='activeClicked({{$mode['id']}})' @if($mode['active']) checked @endif data-fouc/>
                                    </label>
                                </td>
                                <td>
                                    @if(admin_permission('settings.update'))
                                    <a href="javascript:edit_payment_mode({{ $mode['id'] }});" class="btn btn-primary btn-circle"><i class="icon-pencil3"></i></a>
                                    <a href="javascript:del_payment_mode({{ $mode['id'] }});" class="btn btn-danger btn-circle">
                                        <i class="icon-cross"></i>
                                    </a>
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>

            <div class="card">
                <div class="card-header header-elements-inline">
                    <h5 class="card-title">@lang('crm.settings_group_sales')</h5>
                </div>
                <div class="card-body">

                    {!! Form::open(['route' => ['admin.settings.save', $group], 'class' => '', 'id' => 'settings_form', 'files'=>true]) !!}

                        <ul class="nav nav-tabs nav-tabs-bottom" role="tablist">
                            <li role="presentation" class="nav-item active">
                                <a href="#general" aria-controls="auth" role="tab" data-toggle="tab" class="nav-link active show">
                                    @lang('crm.settings_sales_heading_general')
                                </a>
                            </li>
                            <li role="presentation" class="nav-item">
                                <a href="#invoice" aria-controls="registration" role="tab" data-toggle="tab" class="nav-link">
                                    @lang('crm.invoices')
                                </a>
                            </li>
                            <li role="presentation" class="nav-item">
                                <a href="#credit_notes" aria-controls="registration" role="tab" data-toggle="tab" class="nav-link">
                                    @lang('crm.credit_notes')
                                </a>
                            </li>
                            <li role="presentation" class="nav-item">
                                <a href="#estimates" aria-controls="registration" role="tab" data-toggle="tab" class="nav-link">
                                    @lang('crm.settings_sales_heading_estimates')
                                </a>
                            </li>
                        </ul>

                        <!-- Tab panes -->
                        <div class="tab-content">
                            <div role="tabpanel" class="tab-pane active" id="general">
                                <h4 class="bold">
                                    @lang('crm.settings_sales_general')
                                </h4>
                                <p class="text-muted">
                                    @lang('crm.settings_sales_general_note')
                                </p>
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="decimal_separator">@lang('crm.settings_sales_decimal_separator')</label>
                                            <select id="decimal_separator" class="form-control-select2" name="settings[decimal_separator]" data-width="100%">
                                                <option value="," @if(get_option('decimal_separator') == ',') selected @endif>,</option>
                                                <option value="." @if(get_option('decimal_separator') == '.') selected @endif>.</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="thousand_separator">@lang('crm.settings_sales_thousand_separator')</label>
                                            <select id="thousand_separator" class="form-control-select2" name="settings[thousand_separator]" data-width="100%">
                                                <option value="," @if(get_option('thousand_separator') == ',') selected @endif>,</option>
                                                <option value="." @if(get_option('thousand_separator') == '.') selected @endif>.</option>
                                                <option value="'" @if(get_option('thousand_separator') == "'") selected @endif>' (apostrophe)</option>
                                                <option value=""  @if(get_option('thousand_separator') == '') selected @endif>&nbsp; (none)</option>
                                                <option value=" " @if(get_option('thousand_separator') == ' ') selected @endif>&nbsp;(space)</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <i class="fa fa-question-circle pull-left" data-toggle="tooltip" data-title="{{ trans('crm.invoices').' '.trans('crm.estimates'). ' '.trans('crm.') }}"></i>
                                        <div class="form-group">
                                            <label for="">@lang('crm.settings_number_padding_prefix')</label>
                                            <input type="text" name="settings[number_padding_prefixes]" value="{{ get_option('number_padding_prefixes') }}" class="form-control">
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <div role="tabpanel" class="tab-pane" id="invoice">
                                <div class="form-group">
                                    <label class="control-label" for="invoice_prefix">@lang('crm.settings_sales_invoice_prefix')</label>
                                    <input type="text" name="settings[invoice_prefix]" class="form-control" value="{{get_option('invoice_prefix')}}">
                                </div>
                                <hr />
                                <i class="fa fa-question-circle pull-left" data-toggle="tooltip" data-title="@lang('crm.invoice_due_after_help')"></i>
                                <div class="form-group">
                                    <label for="invoice_prefix">@lang('crm.settings_sales_invoice_due_after')</label>
                                    <input type="text" name="settings[invoice_due_after]" class="form-control" value="{{get_option('invoice_due_after')}}">
                                </div>

                                {!! render_yes_no_option('allow_staff_view_invoices_assigned','allow_staff_view_invoices_assigned') !!}
                                <hr />
                                {!! render_yes_no_option('view_invoice_only_logged_in','settings_sales_require_client_logged_in_to_view_invoice') !!}
                                <hr />
                                {!! render_yes_no_option('delete_only_on_last_invoice','settings_delete_only_on_last_invoice') !!}
                                <hr />
                                {!! render_yes_no_option('invoice_number_decrement_on_delete','settings_sales_decrement_invoice_number_on_delete','settings_sales_decrement_invoice_number_on_delete_tooltip') !!}
                                <hr />
                                {!! render_yes_no_option('exclude_invoice_from_client_area_with_draft_status','exclude_invoices_draft_from_client_area') !!}
                                <hr />
                                {!! render_yes_no_option('show_sale_agent_on_invoices','settings_show_sale_agent_on_invoices') !!}
                                <hr />
                                {!! render_yes_no_option('show_project_on_invoice','show_project_on_invoice') !!}
                                <hr />
                                {!! render_yes_no_option('show_total_paid_on_invoice','show_total_paid_on_invoice') !!}
                                <hr />
                                {!! render_yes_no_option('show_credits_applied_on_invoice','show_credits_applied_on_invoice') !!}
                                <hr />
                                {!! render_yes_no_option('show_amount_due_on_invoice','show_amount_due_on_invoice') !!}
                                <hr />
                                <div class="form-group">
                                    <label for="invoice_number_format" class="control-label clearfix">@lang('crm.settings_sales_invoice_number_format')</label>
                                    <div class="radio radio-primary radio-inline">
                                        <input type="radio" id="number_based" name="settings[invoice_number_format]" value="1" @if(get_option('invoice_number_format') == '1') checked @endif>
                                        <label for="number_based">@lang('crm.settings_sales_invoice_number_format_number_based')</label>
                                    </div>
                                    <div class="radio radio-primary radio-inline">
                                        <input type="radio" name="settings[invoice_number_format]" value="2" id="year_based" @if(get_option('invoice_number_format') == '2') checked @endif>
                                        <label for="year_based">@lang('crm.settings_sales_invoice_number_format_year_based') (YYYY/000001)</label>
                                    </div>
                                    <div class="radio radio-primary radio-inline">
                                        <input type="radio" name="settings[invoice_number_format]" value="3" id="short_year_based" @if(get_option('invoice_number_format') == '3') checked @endif>
                                        <label for="short_year_based">000001-YY</label>
                                    </div>
                                    <div class="radio radio-primary radio-inline">
                                        <input type="radio" name="settings[invoice_number_format]" value="4" id="year_month_based" @if(get_option('invoice_number_format') == '4') checked @endif>
                                        <label for="year_month_based">000001/MM/YYYY</label>
                                    </div>
                                    <hr />
                                </div>
                            </div>
                            <div role="tabpanel" class="tab-pane" id="credit_notes">
                                <div class="form-group">
                                    <label class="control-label" for="credit_note_prefix">@lang('crm.credit_note_number_prefix')</label>
                                    <input type="text" name="settings[credit_note_prefix]" id="credit_note_prefix" class="form-control" value="{{ get_option('credit_note_prefix')}}">
                                </div>
                                <hr />

                                <div class="form-group">
                                    <label for="credit_note_number_format" class="control-label clearfix">@lang('crm.settings_sales_credit_note_number_format')</label>
                                    <div class="radio radio-primary radio-inline">
                                        <input type="radio" name="settings[credit_note_number_format]" value="1" id="cn_number_based" @if(get_option('credit_note_number_format') == '1') checked @endif>
                                        <label for="cn_number_based">@lang('crm.settings_sales_invoice_number_format_number_based')</label>
                                    </div>
                                    <div class="radio radio-primary radio-inline">
                                        <input type="radio" name="settings[credit_note_number_format]" value="2" id="cn_year_based" @if(get_option('credit_note_number_format') == '2') checked @endif>
                                        <label for="cn_year_based">@lang('crm.settings_sales_invoice_number_format_year_based') (YYYY/000001)</label>
                                    </div>
                                    <div class="radio radio-primary radio-inline">
                                        <input type="radio" name="settings[credit_note_number_format]" value="3" id="cn_short_year_based" @if(get_option('credit_note_number_format') == '3') checked @endif>
                                        <label for="cn_short_year_based">000001-YY</label>
                                    </div>
                                    <div class="radio radio-primary radio-inline">
                                        <input type="radio" name="settings[credit_note_number_format]" value="4" id="cn_year_month_based" @if(get_option('credit_note_number_format') == '4') checked @endif>
                                        <label for="cn_year_month_based">000001/MM/YYYY</label>
                                    </div>
                                </div>
                            </div>
                            <div role="tabpanel" class="tab-pane" id="estimates">
                                <div class="form-group">
                                    <label class="control-label" for="estimate_prefix">@lang('crm.settings_sales_estimate_prefix')</label>
                                    <input type="text" name="settings[estimate_prefix]" class="form-control" value="{{ get_option('estimate_prefix')}}">
                                </div>
                                <hr />

                                <i class="fa fa-question-circle pull-left" data-toggle="tooltip" data-title="@lang('crm.invoice_due_after_help')"></i>
                                <div class="form-group">
                                    <label class="control-label" for="estimate_due_after">@lang('crm.estimate_due_after')</label>
                                    <input type="text" name="settings[estimate_due_after]" class="form-control" value="{{ get_option('estimate_due_after')}}">
                                </div>

                                {!!  render_yes_no_option('delete_only_on_last_estimate','settings_delete_only_on_last_estimate') !!}
                                <hr />
                                {!! render_yes_no_option('estimate_number_decrement_on_delete','settings_sales_decrement_estimate_number_on_delete','settings_sales_decrement_estimate_number_on_delete_tooltip') !!}
                                <hr />
                                {!! render_yes_no_option('allow_staff_view_estimates_assigned','allow_staff_view_estimates_assigned') !!}
                                <hr />
                                {!! render_yes_no_option('view_estimate_only_logged_in','settings_sales_require_client_logged_in_to_view_estimate') !!}
                                <hr />
                                {!! render_yes_no_option('show_sale_agent_on_estimates','settings_show_sale_agent_on_estimates') !!}
                                <hr />
                                {!! render_yes_no_option('show_project_on_estimate','show_project_on_estimate') !!}
                                <hr />
                                {!! render_yes_no_option('estimate_auto_convert_to_invoice_on_client_accept','settings_estimate_auto_convert_to_invoice_on_client_accept') !!}
                                <hr />
                                {!! render_yes_no_option('exclude_estimate_from_client_area_with_draft_status','settings_exclude_estimate_from_client_area_with_draft_status') !!}
                                <hr />
                                <div class="form-group">
                                    <label for="estimate_number_format" class="control-label clearfix">@lang('crm.settings_sales_estimate_number_format')</label>
                                    <div class="radio radio-primary radio-inline">
                                        <input type="radio" name="settings[estimate_number_format]" value="1" id="e_number_based" @if(get_option('estimate_number_format') == '1') checked @endif>
                                        <label for="e_number_based">@lang('crm.settings_sales_estimate_number_format_number_based')</label>
                                    </div>
                                    <div class="radio radio-primary radio-inline">
                                        <input type="radio" name="settings[estimate_number_format]" value="2" id="e_year_based" @if(get_option('estimate_number_format') == '2')checked @endif>
                                        <label for="e_year_based">@lang('crm.settings_sales_estimate_number_format_year_based') (YYYY/000001)</label>
                                    </div>
                                    <div class="radio radio-primary radio-inline">
                                        <input type="radio" name="settings[estimate_number_format]" value="3" id="e_short_year_based" @if(get_option('estimate_number_format') == '3')checked @endif>
                                        <label for="e_short_year_based">000001-YY</label>
                                    </div>
                                    <div class="radio radio-primary radio-inline">
                                        <input type="radio" name="settings[estimate_number_format]" value="4" id="e_year_month_based" @if(get_option('estimate_number_format') == '4')checked @endif>
                                        <label for="e_year_month_based">000001/MM/YYYY</label>
                                    </div>
                                    <hr />
                                </div>
                            </div>
                        </div>


                        @if(admin_permission('settings.update'))
                        <div class="text-right">
                            <button type="button" class="btn btn-primary" data-toggle="loader" data-loading-text="@lang('crm.wait_text')">@lang('crm.save')</button>
                        </div>
                        @endif
                    {!! Form::close() !!}
                </div>
            </div>
        </div>
    </div>

    @include('admin.settings.partials.currency')
    @include('admin.settings.partials.payment_mode')
@stop

@section('styles')

@stop

@section('scripts')
    <script>
        $(document).ready(function () {
            $('#table-currencies').DataTable({
                'order': [[2, 'asc']]
            })

            $('#table-paymentmodes').DataTable({
                'order': [[1, 'asc']]
            })
        });


        function new_currency(){
            var url = "/admin/currency/currency" ;
            $.ajax({
                type: 'POST',
                url: url,
                data: {id: 0},
                success: function (data) {
                    $('#modal_currency .modal-dialog').html(data.data.html);
                    $('#modal_currency').modal('show');
                    Components.init();

                    $('#currency_form').validate({
                        ignore: "",
                        rules: {
                            name: 'required',
                            symbol: 'required',
                            decimal_separator: 'required',
                            thousand_separator: 'required',
                            placement: 'required',
                        },
                        submitHandler: function (form){
                            manage_currency(form);
                        },
                    });
                },
                error: function (error) {
                }
            });
        }

        function edit_currency(id){
            var url = "/admin/currency/currency" ;

            $.ajax({
                type: 'POST',
                url: url,
                data: {id: id},
                success: function (data) {
                    $('#modal_currency .modal-dialog').html(data.data.html);
                    $('#modal_currency').modal('show');
                    Components.init();

                    $('#currency_form').validate({
                        ignore: "",
                        rules: {
                            name: 'required',
                            symbol: 'required',
                            decimal_separator: 'required',
                            thousand_separator: 'required',
                            placement: 'required',
                        },
                        submitHandler: function (form){
                            manage_currency(form);
                        },
                    });
                },
                error: function (error) {
                }
            });
        }

        function manage_currency(form) {
            var url = form.action;
            var data = $(form).serialize();
            $.ajax({
                type:'POST',
                url:url,
                data: data    ,
                success:function(response){
                    successNotify('Success',response.msg);
                    reloadPage()
                }, error: function (error){
                    errorNotify('Error', error.statusText);
                },complete: function() {
                    $('#modal_currency').modal('hide');
                }
            });
            return false;
        }


        function del_currency(id){
            var url = "/admin/currency/delete" ;

            confirmAlert('', 'Are you sure to delete this item ?', 'Yes, delete it', 'Cancel', function () {
                $.ajax({
                    type: 'POST',
                    url: url,
                    data: {id: id},
                    success: function (data) {
                        if(data.status == '1'){
                            successNotify('Success',data.msg);
                            reloadPage()
                        }else{
                            errorNotify('Success',data.msg);
                        }
                    },
                    error: function (error) {
                        successNotify('Error', '')
                    }
                });
            })
        }


        function new_payment_mode(){
            var url = "/admin/payment_mode/payment_mode" ;
            $.ajax({
                type: 'POST',
                url: url,
                data: {id: 0},
                success: function (data) {
                    $('#modal_payment_mode .modal-dialog').html(data.data.html);
                    $('#modal_payment_mode').modal('show');
                    Components.init();

                    $('#payment_mode_form').validate({
                        ignore: "",
                        rules: {
                            name: 'required',
                            description: 'required',
                        },
                        submitHandler: function (form){
                            manage_payment_mode(form);
                        },
                    });
                },
            });
        }

        function edit_payment_mode(id){
            var url = "/admin/payment_mode/payment_mode" ;

            $.ajax({
                type: 'POST',
                url: url,
                data: {id: id},
                success: function (data) {
                    $('#modal_payment_mode .modal-dialog').html(data.data.html);
                    $('#modal_payment_mode').modal('show');
                    Components.init();

                    $('#payment_mode_form').validate({
                        ignore: "",
                        rules: {
                            name: 'required',
                            description: 'required',
                        },
                        submitHandler: function (form){
                            manage_payment_mode(form);
                        },
                    });
                },
            });
        }

        function manage_payment_mode(form) {
            var url = form.action;
            var data = $(form).serialize();
            $.ajax({
                type:'POST',
                url:url,
                data: data    ,
                success:function(response){
                    successNotify('Success',response.msg);
                    reloadPage()
                }, error: function (error){
                    errorNotify('Error', error.statusText);
                },complete: function() {
                    $('#modal_payment_mode').modal('hide');
                }
            });
            return false;
        }

        function activeClicked(id) {
            $.ajax({
                type: 'POST',
                url: '/admin/payment_mode/manage',
                data: {id: id, action:'changeActive'},
                success: function (data) {
                    if(data.status == '1'){
                        successNotify('Success',data.msg);
                    }else{
                        errorNotify('Success',data.msg);
                        reloadPage()
                    }
                },
                error: function (error) {
                    errorNotify('Error', '')
                    reloadPage()
                }
            });
        }


        function del_payment_mode(id){
            var url = "/admin/payment_mode/delete" ;

            confirmAlert('', 'Are you sure to delete this item ?', 'Yes, delete it', 'Cancel', function () {
                $.ajax({
                    type: 'POST',
                    url: url,
                    data: {id: id},
                    success: function (data) {
                        if(data.status == '1'){
                            successNotify('Success',data.msg);
                            reloadPage()
                        }else{
                            errorNotify('Success',data.msg);
                        }
                    },
                    error: function (error) {
                        successNotify('Error', '')
                    }
                });
            })
        }
    </script>
@stop