@extends('layouts.side_bar')

@section('content')
    <style>



        label, input {
            display: inline-block;
            vertical-align: baseline;
            width: 125px;
        }

        label, select {
            display: inline-block;
            vertical-align: baseline;
            width: 125px;
        }
        /*#in{ display: inline-block;*/
        /*    vertical-align: baseline;*/
        /*    max-width: 160px;*/


        /*}*/

        label {
            color: #2D2D2D;
            font-size: 15px;
        }

        form, input {
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }

        /*form {*/
        /*    width: 300px;*/
        /*}*/

        .w-135{
            width: 135px;
        }
    </style>



    <div class="d-flex justify-content-around ">

        <div class="container shadow-lg bg-transparent " style="width: 58%">
            <div class="card shadow ">
                <div class="card-header font-weight-bold text-center text-white bg-dark " > SINGLE ACCOUNT SEARCH</div>


                <div class="card-body text-dark ">

                    <form method="post" action="{{ route('accountList') }}" enctype="multipart/form-data" >

                        @csrf
                    <div class="list-inline text-center">

{{--                        <label class="font-weight-bold text-danger" for="firstname">Account Type : </label>--}}
{{--                        <label class="font-weight-bold" for="firstname" >Active</label><input  type="checkbox" name="type" value="NO" required checked>--}}
{{--                        <label class="font-weight-bold" for="firstname">Abort</label><input  type="checkbox" name="type" value="YES" >--}}
{{--                        <label class="font-weight-bold" for="firstname">Both</label><input  type="checkbox" name="type" value="" >--}}


                        <label class="font-weight-bold d-inline" for="firstname" >Active</label><input  type="checkbox" name="type" value="NO" required checked >
                        <label class="font-weight-bold d-inline" for="firstname">Abort</label><input  type="checkbox" name="type" value="YES" >

                        <label class="font-weight-bold d-inline" for="firstname">Both</label><input  type="checkbox" name="type" value="" >

                        <br>

<hr>

                        <div class="row">
                            <div class="col">
                                <label  class="font-weight-bold" for="firstname">Client Name :</label> <select  name="c_name" >
                                    <option value="">All</option>
                                    @foreach($client_name as $bn)


                                        <option value="{{$bn->name}}">{{$bn->name}} </option>
                                    @endforeach
                                </select>
<br>
                                <label class="font-weight-bold" for="firstname">BatchNo :</label> <select  name="BatchNo" >
                                    <option value="">All</option>
                                    @foreach($batch as $bn)


                                        <option value="{{$bn->batch_name}}">{{$bn->batch_name}} </option>
                                    @endforeach
                                </select>
                                <br>
                                <label class="font-weight-bold" for="firstname">Collector :</label> <select  name="Collector" >
                                    @if(auth()->user()->role == 'Collector'  )
                                    <option value="{{auth()->user()->name}}">{{auth()->user()->name}}</option>
                                    @endif
                                    <option value="">All</option>
                                    <option class="text-danger" value="empty">Empty</option>

                                    @foreach($collector as $bn)


                                        <option value="{{$bn->name}}">{{$bn->name}} </option>
                                    @endforeach

                                </select>
                                <br>
                                <label class="font-weight-bold" for="firstname">Status :</label> <select  name="Status" >
                                    <option value="">All</option>
                                    @foreach($code as $bn)


                                        <option value="{{$bn->remark_code}}">{{$bn->remark_code}} </option>
                                    @endforeach
                                </select>
                                <br>
                                <label class="font-weight-bold" for="firstname">Account No:</label><input placeholder="All" name="acNo" type="text" id="firstname">
                                <br>
                                <label class="font-weight-bold" for="email">Client Ref:</label><input placeholder="All" name="client_ref" type="text" id="email"><br>

                            </div>


                            <div class="col">

{{--                                <label class="font-weight-bold" for="firstname">Name:</label><input placeholder="All" name="Name" type="text" id="firstname">--}}
{{--                                <br>--}}
                                <label class="font-weight-bold" for="firstname">Name:</label><input placeholder="All" name="Name" type="text" id="firstname"><br>
                                <label class="font-weight-bold" for="lastname">New Nric:</label><input placeholder="All" name="New_Nric" type="text" id="lastname"><br>
                                <label class="font-weight-bold" for="email">Old Nric:</label><input placeholder="All" name="Old_Nric" type="text" id="email"><br>
                                <label class="font-weight-bold" for="phone">Vehicle no:</label><input placeholder="All" name="Vehicle_no" type="text" id="phone"><br>
                                <label class="font-weight-bold" for="email">Phone:</label><input placeholder="All" name="phone" type="text" id="email"><br>
                                <label class="font-weight-bold" for="email">Card No:</label><input placeholder="All" name="card_no" type="text" id="email"><br>
                            </div>





                        </div>



                        <div class="text-center">
                        <input type="hidden" name="set" value="1">
                            <input type="submit" value="Search" class="btn btn-primary btn-lg"></div>
                    </div>


{{--</form>--}}

</div>








            </div>

{{--        --}}


            <div class="collapse" id="collector_log">

                <div class="d-flex justify-content-center ">

                    <div class=" shadow-lg bg-transparent " style="width: 100%">
                        <div class="card shadow ">
                            <div class="card-header font-weight-bold text-center text-white bg-dark  " > RANGE SEARCH     </div>
                            <div class="card-body text-dark ">
{{--                                <form method="post" action="{{ route('accountList') }}" enctype="multipart/form-data" >--}}

{{--                                    @csrf--}}
                                    <div class="row">
                                        <div class="col text-center">
                                            <label class="font-weight-bold" for="firstname">Amount Due:</label><input  name="amount_from" id="in" placeholder="form" class="p-1 w-135" type="text"  >-TO-<input name="amount_to" class="p-1 w-135" placeholder="to" type="text" id="in" >
                                            <div id="nc" > <label class="font-weight-bold" for="firstname">Next Call :</label><input name="next_call_from" id="inn"  class="p-1 w-135" type="date" >-TO-<input name="next_call_to" class="p-1 w-135"  type="date" id="in7to" ></div>
                                            <label class="font-weight-bold" for="firstname">PTP  :</label><input name="ptp_call_from" id="in" placeholder="form" class="p-1 w-135" type="date">-TO-<input name="ptp_call_to" class="p-1 w-135" placeholder="to" type="date" id="in"><br>
                                            {{--           <label class="font-weight-bold" for="firstname">PTP  :</label><input name="ptp_call_from" id="in" placeholder="form"  type="date"><input name="ptp_call_to" class="p-1" placeholder="to" type="date" id="in">--}}






                                            <label class="font-weight-bold" for="firstname">Assign Date  :</label><input name="assign_from" id="in" placeholder="form" class="p-1 w-135" type="date">-TO-<input name="assign_to" class="p-1 w-135" placeholder="to" type="date" id="in"><br>
                                            <label class="font-weight-bold text-nowrap" for="firstname">Action Remarks:</label><input name="action_from" id="in"  class="p-1 w-135" type="date">-TO-<input name="action_to" class="p-1 w-135" type="date" id="in">
                                            {{--           <label class="font-weight-bold" for="firstname">PTP  :</label><input name="ptp_call_from" id="in" placeholder="form"  type="date"><input name="ptp_call_to" class="p-1" placeholder="to" type="date" id="in">--}}




                                        </div>


                                    </div>

                                    <br>
                                    <div class="text-center">
{{--                                        <input type="hidden" name="set" value="2">--}}
                                        <input type="submit" value="Search" class="btn btn-primary btn-lg"></div>

                                </form>
                            </div>


                            <div class="card-header font-weight-bold text-center text-white bg-dark  " > BULK SEARCH        </div>
                            <form method="post" action="{{ route('accountList') }}" enctype="multipart/form-data" >

                                @csrf
                                <label  class="font-weight-bold" for="firstname">Search by :</label> <select  name="bulk_by" >
                                    <option value="AccountNo">Account No</option>
                                    <option value="nrid">Nrid</option>

                                </select>

                                <textarea rows="5" type="text" name="bulk" class="form-control" placeholder="how to search ? ans : account number or Nr-id number + ; + 'Enter'"></textarea>
                                <input type="hidden" name="set" value="3">
                                <div class="text-center">
                                    <br>
                                    <input type="submit" value="Search" class="btn btn-primary btn-lg" >
                                </div>
                            </form>




                        </div></div>





                </div>

            </div>

{{--        --}}
        </div>
        <div class="container shadow-lg bg-transparent " style="width: 42%">
            <div class="card shadow ">
                <div class="card-header font-weight-bold  text-white bg-warning" style="background-color: #6c757d">TARGET & PERFORMANCE</div>
                <div class="card-body text-dark ">
                    <iframe src="{{URL::to('/target')}}" id="fram" width="100%" height="314">



                    </iframe>



                </div></div>

            <div class="collapse" id="collector_log">
            <div class=" shadow-lg bg-transparent " >
                <div class="card shadow ">
                    <div class="card-header font-weight-bold  text-white bg-warning" style="background-color: #6c757d">FOLLOW UP ASSIST </div>
                    <div class="card-body text-dark ">
                        <iframe src="{{URL::to('/followupAssist')}}" id="fram" width="100%" height="478">



                        </iframe>



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



        </div>




    </div>


<center>
<br>
<button class="btn btn-lg fa fa-angle-double-down   btn-primary" style="width: 98%;" aria-hidden="true"   data-toggle="collapse" data-target="#collector_log" aria-expanded="false" aria-controls="collapseExample">COLLAPSE MENU</button>

    </center>
{{--    <div class="collapse" id="collector_log">--}}

{{--    <div class="d-flex justify-content-around ">--}}

{{--        <div class="container shadow-lg bg-transparent " style="width: 58%">--}}
{{--            <div class="card shadow ">--}}
{{--                <div class="card-header font-weight-bold text-center text-dark " style="background-color: #6cb2eb"> RANGE SEARCH     </div>--}}
{{--                <div class="card-body text-dark ">--}}
{{--                    <form method="post" action="{{ route('accountList') }}" enctype="multipart/form-data" >--}}

{{--                        @csrf--}}
{{--                    <div class="row">--}}
{{--                        <div class="col">--}}
{{--                            <label class="font-weight-bold" for="firstname">Amount Due:</label><input name="amount_from" id="in" placeholder="form" class="p-1" type="text"><input name="amount_to" class="p-1" placeholder="to" type="text" id="in">--}}
{{--                            <div id="nc" > <label class="font-weight-bold" for="firstname">Next Call :</label><input name="next_call_from" id="inn"  class="p-1" type="date" style="width: 110px"><input name="next_call_to" class="p-1"  type="date" id="in7to" style="width: 110px"></div>--}}
{{--                            <label class="font-weight-bold" for="firstname">PTP  :</label><input name="ptp_call_from" id="in" placeholder="form" class="p-1" type="date"><input name="ptp_call_to" class="p-1" placeholder="to" type="date" id="in">--}}
{{--                            --}}{{--           <label class="font-weight-bold" for="firstname">PTP  :</label><input name="ptp_call_from" id="in" placeholder="form"  type="date"><input name="ptp_call_to" class="p-1" placeholder="to" type="date" id="in">--}}




{{--                        </div>--}}



{{--                        <div class="col">--}}


{{--                            <label class="font-weight-bold" for="firstname">Assign Date  :</label><input name="ptp_call_from" id="in" placeholder="form" class="p-1" type="date"><input name="ptp_call_to" class="p-1" placeholder="to" type="date" id="in">--}}
{{--                            <label class="font-weight-bold text-nowrap" for="firstname">Action Remarks:</label><input name="ptp_call_from" id="in" placeholder="form" class="p-1" type="date"><input name="ptp_call_to" class="p-1" placeholder="to" type="date" id="in">--}}
{{--                            --}}{{--           <label class="font-weight-bold" for="firstname">PTP  :</label><input name="ptp_call_from" id="in" placeholder="form"  type="date"><input name="ptp_call_to" class="p-1" placeholder="to" type="date" id="in">--}}




{{--                        </div>--}}


{{--                    </div>--}}

{{--<br>--}}
{{--<div class="text-center">--}}
{{--                    <input type="hidden" name="set" value="2">--}}
{{--                    <input type="submit" value="Search" class="btn btn-primary btn-lg"></div>--}}

{{--                    </form>--}}
{{--                </div>--}}


{{--                <div class="card-header font-weight-bold text-center text-dark " style="background-color: #6cb2eb"> BULK SEARCH        </div>--}}
{{--                <form method="post" action="{{ route('accountList') }}" enctype="multipart/form-data" >--}}

{{--                    @csrf--}}
{{--                    <label  class="font-weight-bold" for="firstname">Search by :</label> <select  name="bulk_by" >--}}
{{--                        <option value="AccountNo">Account No</option>--}}
{{--                        <option value="nrid">Nrid</option>--}}

{{--                    </select>--}}

{{--                    <textarea rows="5" type="text" name="bulk" class="form-control" placeholder="how to search ? ans : account number or Nr-id number + ; + 'Enter'"></textarea>--}}
{{--                    <input type="hidden" name="set" value="3">--}}
{{--                    <div class="text-center">--}}
{{--                        <br>--}}
{{--                        <input type="submit" value="Search" class="btn btn-primary btn-lg" >--}}
{{--                    </div>--}}
{{--                </form>--}}




{{--            </div></div>--}}
{{--        <div class="container shadow-lg bg-transparent " style="width: 42%">--}}
{{--            <div class="card shadow ">--}}
{{--                <div class="card-header font-weight-bold  text-white" style="background-color: #6c757d">FOLLOW UP ASSIST </div>--}}
{{--                <div class="card-body text-dark ">--}}
{{--                    <iframe src="{{URL::to('/followupAssist')}}" id="fram" width="100%" height="478">--}}



{{--                    </iframe>--}}



{{--                </div></div></div>--}}




{{--    </div>--}}

{{--    </div>--}}







    <script> $('input[type="checkbox"]').on('change', function() {
            $(this).siblings('input[type="checkbox"]').prop('checked', false).prop('required',false);
        });</script>

@endsection