@extends('admin.layouts.master')

@section('page_title', __('admin.Log a New Parcel'))

@section('page_heading', __('admin.Log a New Parcel'))

@section('page_text', __('admin.Log a New Parcel'))

@section('page_breadcrumb_icon') <i class="ki-duotone ki-home fs-3 text-gray-500 me-n1"></i> @endsection

@section('page_breadcrumb_item', 'Log a New Parcel')

@section('page_breadcrumb_item2', 'Log a New Parcel')

@section('css')
@endsection
@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class=" card card-flush">
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-8">
                            {!! Form::open(array('novalidate'=>'novalidate','id' => 'signupForm', 'route' => 'parcel.store','method'=>'POST')) !!}
                            <h5>{{$admin->first_name}} {{$admin->last_name}}</h5>
                            <input type="hidden" name="id" id="id" value="{{$admin->id}}">
                            <div class="d-flex flex-column mb-7 fv-row">
                                <label for="building" class="fs-6 fw-semibold mb-2">@lang('admin.Building')</label>
                                <select name="building" required id="building" class="form-select" data-control="select2">
                                    <option value="0">Select</option>
                                    @foreach ($building as $item)
                                        <option value="{{$item->id}}">{{$item->name}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="d-flex flex-column mb-7 fv-row hidden" id="app">
                                <label for="apartment" class="fs-6 fw-semibold mb-2">@lang('admin.apartment')</label>
                                <select name="apartment" required id="apartment" class="form-select " data-control="select2">
                                    <option value="0">Select</option>
                                </select>
                            </div>
                            <div class="d-flex flex-column mb-7 fv-row hidden key">
                                <label for="package_no" class="fs-6 fw-semibold mb-2">@lang('admin.Number of Packages')</label>
                                {!! Form::number('package_no', null, array('required'=>'required','class' => 'form-control','id' => 'package_no','min' => '1','max' => '20','title'=>'Numbers only','step'=> '1')) !!} 
                            </div> 
                            <div class="d-flex flex-column mb-7 fv-row hidden key">
                                <label for="comment" class="fs-6 fw-semibold mb-2">@lang('Notes & Comments (optional, for internal use only)')</label>
                                {!! Form::text('comment', null, array('required'=>'required','class' => 'form-control','id' => 'comment')) !!} 
                            </div> 
                            <div class="d-flex flex-column mb-7 fv-row hidden key">
                                <label class="fs-6 fw-semibold mb-2">Notify By</label>
                                <div>
                                    <label><input type="checkbox" name="email" value="1" id="email"> Email</label>
                                </div>
                                <div>
                                    <label><input type="checkbox" name="sms" value="1" id="sms"> SMS</label>
                                </div>
                            </div>
                            <div class="d-flex flex-column mb-7 fv-row">
                                <div class="divider"></div>

                                <div class="clearfix">
                                   
                                    <button type="submit" id="next-btn"
                                            class="btn-shadow btn-wide float-right   btn-hover-shine btn btn-primary">
                                        @lang('admin.Submit')
                                    </button>
                                    <a href="{{ route('parcel.index') }}" id="prev-btn"
                                       class="btn-shadow float-right btn-wide  mr-3 btn btn-outline-secondary">
                                        @lang('admin.Cancel')
                                    </a>
                                </div>
                            </div>
                            {!! Form::close() !!}

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('js')
<script>
    //for apartment
    $("#building").change(function(){
        var building = $('#building').val();
        if(building > 0){
            $('#app').slideDown();
        }else{
            $('#app').slideUp(); 
        }
        $.ajax({
            url: "{{ url('admin/key-waiver/apartment') }}"+'/'+building,
            method: "GET",
            dataType: "json",
            success:function(result){
                $('#apartment').empty();
                $('#return_key_no').empty();
                $('#apartment').append('<option value="0">Choose</option>');
                $.each(result.res, function(key, value) {
                   $('#apartment').append('<option value="'+ value.apartment_id +'">'+ value.name +' - '+ value.user.first_name +' '+ value.user.last_name +'</option>');
                }); 
            }
        });
    });
    //return key dropdown
    $("#apartment").change(function(){
        var aprt_id = $('#apartment').val();
        var apart = $('#apart').val();
        if(aprt_id > 0){
            $('.key').slideDown();
        }else{
            $('.key').slideUp(); 
        }
    });
</script>
@endsection