@extends('layouts.main')

@section('title', 'Request Form')

@section('css')

    <style>
        .channel_name {
            font-weight: 500 !important;
            font-size: 16px !important;
        }
    </style>

@endsection

@section('nav')
    @include('layouts.nav')
@endsection

@section('content')



    <div class="main-body">
        <div class="page-wrapper">
            <div class="page-header">

                <div class="page-header-title">
                    <h3>Request Channel Manager</h3>
                </div>

                <div class="page-header-breadcrumb">
                    <ul class="breadcrumb-title">
                        <li class="breadcrumb-item">
                            <a href="{{ url('/') }}">
                                <i class="icofont icofont-home"></i>
                            </a>
                        </li>
                        <li class="breadcrumb-item"><a href="#!">Properties</a>
                        </li>
                        <li class="breadcrumb-item"><a href="#!">Channel manager </a>
                        </li>
                    </ul>
                </div>

            </div><!-- /.box-header -->


            <div class="row">

                @foreach($output as $key => $ota)

                    <div class="col-sm-12 col-xl-3 m-b-30">
                        <div class="checkbox-fade fade-in-info question">
                            <label>
                                <input type="checkbox" value="1" class="coupon_question" data-id="{{ $ota->ota_id }}" name="coupon_question">
                                 <span class="cr">
                                 <i class="cr-icon icofont icofont-ui-check txt-info"></i>
                                 </span>
                                <span class="channel_name"> {{ strtoupper($ota->ota_name) }}</span>
                                
                            </label>
                        </div>

                        {!! Form::open(['action' => 'PropertyController@storeOtaCreadentials', 'method' => 'POST']) !!}

                        <div class="input-fields m-t-15" id="answer{{ $ota->ota_id }}">
                            <input type="hidden" name="ota_id" value="{{ $ota->ota_id }}">
                            <label class="control-label alpaca-control-label" for="alpaca9">User Name</label>
                            <input type="text" id="acoupon_field" name="username" value="{{ $ota->username }}" class="alpaca-control form-control"
                                   autocomplete="off">

                            <label class="control-label alpaca-control-label" for="alpaca9">Password</label>

                            <input type="text" id="acoupon_field" name="password" value="{{ $ota->password}}" class="alpaca-control form-control"
                                   autocomplete="off">

                            <button class="btn btn-info btn-square m-t-15">@if($ota->username !== '') Update @else Send Request @endif </button>
                        </div>

                        {!! Form::close() !!}
                    </div>

                @endforeach


            </div>

            <div class="row">
                <div class="col-md-6">

                </div>
            </div>


        </div>
    </div>


    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

    <script>

        $('.input-fields').hide();
        $('.coupon_question').change(function () {
            var id = $(this).data('id');

            if($(this).is(':checked'))
            {
                $('#answer'+id).show();
            }else
            {
                $('#answer'+id).hide();
            }



        });

    </script>

@endsection

@section('scripts')

@endsection