@extends('layouts.app')

@section('content')

<!-- BEGIN CONTENT -->
<div class="page-content-wrapper">
    <!-- BEGIN CONTENT BODY -->
    <div class="top_bar page-content">
        <div class="top_status_bar">
            <div id="top_progress_bar" class="progress_bar">
            </div>
        </div>
        <div class="breadcrumbs">
            <ul>
                <li><a class="breadcrumb_link" href="{{url('admin/settings')}}">Settings</a></li>
                <li><a href="#">Void & Return settings</a></li>
            </ul>
            <button class="btn btn-large pull-right help theme_btn help_btn">?</button>
        </div>
    </div>
    <div class="page-content">
        <!-- BEGIN PAGE HEADER-->
        <!-- BEGIN PAGE BAR -->
        <div class="row">
            <div class="col-md-12"> 
                <div class="portlet setting_landing">
                    <div class="portlet-title" style="border-bottom: 0">
                        <div class="caption">
                            <h2>Void settings
                                <span>Setup Void config</span>
                            </h2>
                        </div>

                        <div class="actions btn-set" style="background: #fff;  position: fixed;right: 17px;z-index: 1;"> </div>
                    </div>
                    <hr>

                    <div class="portlet-body">
                        <div class="settings">
                            <form class="form-horizontal form-row-seperated" action="{{route("admin.void-return-settings.store")}}" method="POST" id="save_void_ret_settings">
                            @csrf
                                <!-------------------------------------VOID --------------------------->
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="col-md-4">
                                            <span class="main_title">Void settings</span>
                                        </div>
                                    </div>
                                </div>

                                <div class="row each_row">
                                    <div class="col-md-12">
                                        <div class="col-md-4">
                                           
                                        </div>

                                        <div class="col-md-2"></div>

                                        <div class="col-md-3">
                                            <div class="input_row">
                                                <label class="col-md-3 pl_pr_0">Void</label>
                                                <div class="col-md-5">
                                                    <label class="switch" for="void_permission">
                                                        <input type="checkbox" id="void_permission" name="void_permission" @if(old('void_permission', isset($data) ? $data->void_permission : false)) checked @endif />
                                                        <div class="slider_round round"></div>
                                                    </label>
                                                </div>
                                            </div>

                                            <div class="input_row void_max_date_row"   @if(!old('void_permission', isset($data) ? $data->void_permission : false)) style="display: none;" @endif>
                                                <label class="col-md-3 pl_pr_0">Max Date</label>
                                                <div class="col-md-7 each_input pr_0">
                                                    <input type="text" id="void_max_date" name="void_max_date" class="form-control void_max_date" value="{{ old('void_max_date', isset($data) ? $data->void_duration : 0) }}" />
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-------------------------------------RETURN --------------------------->
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="col-md-4">
                                            <span class="main_title">Return settings</span>
                                        </div>
                                    </div>
                                </div>

                                <div class="row each_row">
                                    <div class="col-md-12">
                                        <div class="col-md-4">
                                           
                                        </div>

                                        <div class="col-md-2"></div>

                                        <div class="col-md-3">
                                            <div class="input_row">
                                                <label class="col-md-3 pl_pr_0">Return</label>
                                                <div class="col-md-5">
                                                    <label class="switch" for="return_permission">
                                                        <input type="checkbox" id="return_permission" name="return_permission" @if(old('return_permission', isset($data) ? $data->return_permission : false)) checked @endif  />
                                                        <div class="slider_round round"></div>
                                                    </label>
                                                </div>
                                            </div>

                                            <div class="input_row return_max_date_row"  @if(!old('return_permission', isset($data) ? $data->return_permission : false)) style="display: none;" @endif>
                                                <label class="col-md-3 pl_pr_0">Max Date</label>
                                                <div class="col-md-7 each_input pr_0">
                                                    <input type="text" id="return_max_date" name="return_max_date" class="form-control return_max_date" value="{{ old('return_max_date', isset($data) ? $data->return_duration : 0) }}"/>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-------------------------------------RETURN --------------------------->
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="col-md-4">
                                            <span class="main_title">Force Return settings</span>
                                        </div>
                                    </div>
                                </div>

                                <div class="row each_row">
                                    <div class="col-md-12">
                                        <div class="col-md-4">
                                           
                                        </div>

                                        <div class="col-md-2"></div>

                                        <div class="col-md-3">
                                            <div class="input_row">
                                                <label class="col-md-3 pl_pr_0">Force Return</label>
                                                <div class="col-md-5">
                                                    <label class="switch" for="force_return_permission">
                                                        <input type="checkbox" id="force_return_permission" name="force_return_permission"  @if(old('force_return_permission', isset($data) ? $data->force_return_permission : false)) checked @endif />
                                                        <div class="slider_round round"></div>
                                                    </label>
                                                </div>
                                            </div>

                                            <div class="input_row force_return_max_date_row" @if(!old('force_return_permission',isset($data) ?  $data->force_return_permission : false)) style="display: none;" @endif>
                                                <label class="col-md-3 pl_pr_0">Max Date </label>
                                                <div class="col-md-7 each_input pr_0">
                                                    <input type="text" id="force_return_max_date" name="force_return_max_date" class="form-control return_max_date" value="{{ old('force_return_max_date', isset($data) ? $data->f_return_duration : 0) }}"/>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-------------------------------------RETURN --------------------------->
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="col-md-4">
                                            <span class="main_title">Force Void settings</span>
                                        </div>
                                    </div>
                                </div>

                                <div class="row each_row">
                                    <div class="col-md-12">
                                        <div class="col-md-4">
                                           
                                        </div>

                                        <div class="col-md-2"></div>

                                        <div class="col-md-3">
                                            <div class="input_row">
                                                <label class="col-md-3 pl_pr_0">Force Void</label>
                                                <div class="col-md-5">
                                                    <label class="switch" for="force_void_permission">
                                                        <input type="checkbox" id="force_void_permission" name="force_void_permission"  @if(old('force_void_permission', isset($data) ? $data->force_void_permission : false)) checked @endif/>
                                                        <div class="slider_round round"></div>
                                                    </label>
                                                </div>
                                            </div>

                                            <div class="input_row force_void_max_date_row"  @if(!old('force_void_permission', isset($data) ? $data->force_void_permission : false)) style="display: none;" @endif>
                                                <label class="col-md-3 pl_pr_0">Max Date </label>
                                                <div class="col-md-7 each_input pr_0">
                                                    <input type="text" id="force_void_max_date" name="force_void_max_date" class="form-control return_max_date" value="{{ old('force_void_max_date', isset($data) ? $data->f_void_duration : 0) }}"/>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-7"></div>
                                    <div class="col-md-4">
                                        <input type="submit" name="save" value="Save" class="btn theme_btn_round float_btn save_void_ret_settings">

                                        <a href="{{url('admin/settings')}}"
                                            class="btn theme_btn_round float_btn cancel_fiscal_year_settings">Cancel</a>
                                    </div>
                                </div>
                            </form>
                        </div>
                        
                    </div>
                </div>
            </div>
        </div>
        <!-- END CONTENT BODY -->
    </div>
<!-- END CONTENT -->
</div>
@endsection('content')

@section('admin_css')
<link href="{{asset('assets/global/plugins/select2/css/select2.min.css')}}" rel="stylesheet" type="text/css"/>
<link href="{{asset('assets/global/plugins/select2/css/select2-bootstrap.min.css')}}" rel="stylesheet" type="text/css"/>
<link href="{{asset('assets/custom/settings.css')}}" rel="stylesheet" type="text/css" />
<style type="text/css">
    .sub_heading {
        width: 460px;
    }

    .selectMsg .col-md-12 {
        padding: 0;
    }

    .select2 .select2-selection.select2-selection--single{
        height: 33px !important;
    }

    .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
        left: 18px;
        border-color: black transparent transparent transparent !important;
    }

    .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
        padding: 0 16px;
        border: 1px solid #c6c8cc;
        right: 0;
        border-radius: 0 4px 4px 0;
        background: #ececec;
    }

    .select2-container--bootstrap .select2-selection__clear {
        display: none;
    }

    /* .breadcrumbs li:first-child a{
        color: #00919e;
    } */

    label {
        margin-top: 5px;
    }

    .select2-container--bootstrap.select2-container--open .select2-selection__arrow b {
        border-color: transparent transparent black !important;
    }
    
    a.btn.cancel_fiscal_year_settings.float_btn.theme_btn_round {
        background: #bfc3c7;
    }

    .page-content a:active {
        color: white !important; 
    }
   
    .btn:hover {
        transition: none !important;
    }
</style>
@stop

@section('admin_js')
<script src="{{asset('assets/global/plugins/select2/js/select2.min.js')}}" type="text/javascript"></script>
<script src="{{asset('js/general.js')}}"></script>
@include('admin.js.void-return-permission')
@stop