@extends('layouts.vertical')

@section('css')
<link href="{{ Helper::assets('assets/libs/select2/select2.min.css') }}" rel="stylesheet" type="text/css" />
@endsection

@php 
$scurrency = "€";
if(Session::has('scurrency')) {
    $scurrency = Session::get('scurrency');
}
$addOnsType = config('constant.addOnsType');
@endphp

@section('breadcrumb')
<div class="row page-title align-items-center">
    <div class="col-sm-6 col-xl-6">
        <h4 class="mb-1 mt-0 font-weight-medium">Attendance Hourly & Daily rate</h4>
    </div>
</div>
@endsection

@section('content')
<div class="row">
    <div class="col-md-12">
        <div class="alert alert-danger" style="display: none">
            <p class="mb-0 text-danger">All the changes will be applicable from next invoices.</p>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-md-12">
        <form action="{{ route('billing.setup.attendance-rate.update') }}" method="POST" class="billing-attendance-form" enctype="multipart/form-data">
            @csrf
            <div class="card">
                <div class="card-body py-4">
                    <p class="font-size-16 font-weight-medium">Your hourly and daily fees are used to automatically calculate childcare fees. If you do not wish to send invoices based on your attendance or hourly fees, leave this section blank.</p>

                    <div class="row my-3">
                        <div class="col-md-12">
                            <div class="custom-control-inline">
                                <div class="custom-control custom-radio mb-2 mr-3">
                                    <input type="radio" id="customRadio1" name="roomRates" class="custom-control-input add-type" data-error="radio-error" value="0" {{$setup->roomRates == false ? 'checked' : ''}}>
                                    <label class="custom-control-label font-weight-normal" for="customRadio1">Fixed rate across the school</label>
                                </div>
                                <div class="custom-control custom-radio mb-2 mr-3">
                                    <input type="radio" id="customRadio2" name="roomRates" class="custom-control-input add-type" data-error="radio-error" value="1" {{$setup->roomRates == true ? 'checked' : ''}}>
                                    <label class="custom-control-label font-weight-normal" for="customRadio2">Different rate for rooms/children</label>
                                </div>
                            </div>
                            <div class="radio-error"></div>
                        </div>
                    </div>
                    <div class="row fix-rate" style="display: {{$setup->roomRates == false ? 'flex' : 'none'}}">
                        <div class="col-lg-6">
                            <div class="form-group row">
                                <label class="col-md-4 col-form-label">Enter hourly fees</label>
                                <div class="col-md-8">
                                    <input type="text" class="form-control input-validate" name="hourlyRate" value="{{$setup->roomRates == false ? $setup->hourlyRate : ''}}" placeholder="/hour" data-per-price='true'>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="form-group row">
                                <label class="col-md-4 col-form-label">Enter daily fees</label>
                                <div class="col-md-8">
                                    <input type="text" class="form-control input-validate" name="dailyRate" value="{{$setup->roomRates == false ? $setup->dailyRate : ''}}" placeholder="/day" data-per-price='true'>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="different-rate" style="display: {{$setup->roomRates == true ? 'block' : 'none'}}">
                        <div class="mx-n5 mb-4">
                            <div class="rate-section col-12 d-md-flex">
                                <h4 class="font-size-16 mb-md-0"><span class="edited" id="edit-room-rate" title="" data-html="true" data-toggle="tooltip" style="display: none"></span> Set room rates</h4>
                                <a href="javascript:;" class="text-danger font-weight-semibold reset-room-rate ml-md-auto" style="display: none">Reset</a>
                            </div>
                        </div>
                        <div class="row">
                            @if(isset($setup->rooms) && !empty($setup->rooms))
                            @foreach ($setup->rooms as $key => $room)
                            <div class="col-md-4 room-rate" data-roomname="{{$room->room->name}}" data-target="#edit-room-rate">
                                <label>{{$room->room->name}}</label>
                                <div class="row">
                                    <div class="col-xl-5 form-group">
                                        <span class="input-placeholder">Hourly</span>
                                        <input type="text" class="form-control input-validate hourly-rate check-room-rate-edit text-success font-weight-medium" name="rooms[{{$room->room->_id}}][hourly]" value="{{ isset($room->hourly) ? $room->hourly : '' }}" data-old="{{ isset($room->hourly) ? $room->hourly : '' }}">
                                    </div>
                                    <div class="col-xl-5 form-group">
                                        <span class="input-placeholder">Daily</span>
                                        <input type="text" class="form-control input-validate daily-rate check-room-rate-edit text-success font-weight-medium" name="rooms[{{$room->room->_id}}][daily]" value="{{ isset($room->daily) ? $room->daily : '' }}" data-old="{{ isset($room->daily) ? $room->daily : '' }}">
                                    </div>
                                </div>
                            </div>
                            @endforeach
                            @endif
                        </div>
                        <div class="mx-n5 mb-4">
                            <div class="rate-section col-12 mt-2 d-md-flex">
                                <h4 class="font-size-16 mb-md-0"><span class="edited" id="edit-children-rate" title="" data-html="true" data-toggle="tooltip" style="display: none"></span> Set different rates for specific children</h4>
                                <a href="javascript:;" class="text-danger font-weight-semibold reset-child-rate ml-md-auto" style="display: none">Reset</a>
                            </div>
                        </div>
                        <div class="mb-4 selected-child" style="display: none">
                            <div class="">
                                <ul class="nav nav-pills navtab-bg">
                                    @if(isset($setup->rooms) && !empty($setup->rooms))
                                    @foreach ($setup->rooms as $key => $room)
                                    <li class="nav-item">
                                        <a href="#tab-{{$key}}" data-toggle="tab" aria-expanded="false" class="nav-link" data-room="{{$room->room->_id}}" style="display: none"><span>{{$room->room->name}}</span></a>
                                    </li>
                                    @endforeach
                                    @endif
                                </ul>
                            </div>
                            <div class="tab-content">
                                @if(isset($setup->rooms) && !empty($setup->rooms))
                                @foreach ($setup->rooms as $key => $room)
                                <div class="tab-pane" id="tab-{{$key}}">
                                    <div class="row">
                                        @php $childs = collect($setup->children)->where('child.room', $room->room->_id)->all(); @endphp
                                        @if(isset($childs) && !empty($childs))
                                        @foreach ($childs as $child)
                                        <div class="col-md-4 mb-3 child-item" data-room="{{$room->room->_id}}" data-child="{{$child->child->_id}}" data-childname="{{$child->child->name}}" data-roomname="{{$room->room->name}}" data-target="#edit-children-rate" style="display: {{ isset($child->deselected) && $child->deselected == true ? 'none' : 'block' }}">
                                            <div class="row mt-3">
                                                <div class="col-xl-10 media border-0 mb-3">
                                                    <img src="{{ $child->child->profileImage }}" alt="Child" class="img-child small">
                                                    <div class="media-body ml-2">
                                                        <span class="font-weight-medium">{{$child->child->name}}</span>
                                                    </div>
                                                    <div class="">
                                                        <i class="icon-cross-danger btn-remove-child-rate" data-child="{{$child->child->_id}}"></i>
                                                        <input type="checkbox" class="child-checkbox" name="children[{{ $child->child->_id }}][child]" value="{{ $child->child->_id }}" data-room="{{$room->room->_id}}" style="display: none" {{ isset($child->deselected) && $child->deselected == true ? '' : 'checked' }}>
                                                    </div>
                                                </div>
                                                <div class="col-xl-5 form-group">
                                                    <span class="input-placeholder">Hourly</span>
                                                    <input type="text" class="form-control hourly-rate check-child-rate-edit text-success font-weight-medium {{ isset($child->deselected) && $child->deselected == true ? '' : 'input-validate' }}" name="children[{{ $child->child->_id }}][hourly]" value="{{ isset($child->hourly) ? $child->hourly : '' }}" data-old="{{ isset($child->hourly) ? $child->hourly : '' }}" >
                                                </div>
                                                <div class="col-xl-5 form-group">
                                                    <span class="input-placeholder">Daily</span>
                                                    <input type="text" class="form-control daily-rate check-child-rate-edit text-success font-weight-medium {{ isset($child->deselected) && $child->deselected == true ? '' : 'input-validate' }}" name="children[{{ $child->child->_id }}][daily]" value="{{ isset($child->daily) ? $child->daily : '' }}" data-old="{{ isset($child->daily) ? $child->daily : '' }}">
                                                </div>
                                            </div>
                                        </div>
                                        @endforeach
                                        @endif
                                    </div>
                                </div>
                                @endforeach
                                @endif
                            </div>
                        </div>
                        <div class="mb-4">
                            <a href="javascript:;" class="font-size-16 font-weight-semibold text-success" data-toggle="modal" data-target="#SelectChildModel">+ Select children</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="">
                <button type="submit" class="btn btn-success btn-min-width">Save changes</button>
            </div>
        </form>
    </div>
</div>

@include('school.billing.setup.different-rate-child-modal', ['rooms' => isset($setup->rooms) ? $setup->rooms : [], 'children' => isset($setup->children) ? $setup->children : []])

@endsection

@section('script-bottom')
<script type="text/javascript">
    var check_children_exists_url = "{{ route('billing.setup.attendance-rate.info') }}";
    var scurrency = "{{ $scurrency }}";
</script>
<script defer src="{{ Helper::assets('assets/libs/validation/validate.min.js') }}" type="text/javascript"></script>
<script defer src="{{ Helper::assets('assets/libs/select2/select2.min.js') }}" type="text/javascript"></script>
<script defer src="{{ Helper::assets('assets/js/pages/billing.js') }}?{{time()}}" type="text/javascript"></script>
@endsection