@extends('layouts.side_bar')

@section('content')
    @if (isset($errors) && $errors->any)
        @foreach($errors->all() as $e)
            {{$e}}
        @endforeach

    @endif





    <hr>
    <div class="table-responsive">
        <table class="table border text-nowrap">
                        @foreach($d as$da)
                <tr >
                    @if($i==0)
                        <thead  >
                        @for ($l = 0; $l < $h; $l++)
                            <th class="table-info  "  scope="col">{{ $da[$l]}}</th>

                        @endfor
                        </thead>
                        
                    @else

                        @for ($k = 0; $k < $h; $k++)
                            <td >{{ $da[$k]}}</td>

                        @endfor
                                        </tr>

                @if($i>=11)
                    @break
                @endif

                @endif
            @endforeach
        </table>
    </div>
    <br>

    {{----}}







    {{--    --}}
    <form method="post" action="{{ route('storeContact') }}" enctype="multipart/form-data">
        @csrf
        <br>

        <br>
        <hr>
        {{----}}
        <div class="col  text-center">

            <div class="card shadow-lg ">
                <div class="card shadow ">
                    <div class="card-header font-weight-bold bg-warning">Map Contact Information</div>
                    <div class="card-body text-dark ">
                        <div class="  row ">

                            <div class="col font-weight-bold">
                                Name : <br>

                            </div>
                            <div class="col">
                                <select class="form-control" name="name" required>

                                    <option value="">null </option>

                                    @foreach($head as $hd)
                                        {{--            {{$hd}}<br>--}}

                                        <option value="{{$hd}} ">{{$hd}} </option>

                                    @endforeach

                                </select>

                                <br>

                            </div>
                        </div>
                        {{--row--}}
                        <div class="row">

                            <div class="col font-weight-bold">
{{--                                <select class="form-control text-center" style="max-width:150PX;text-align: end " name="in">--}}

{{--                                    <option class="text-danger" value="NRIC">NRIC </option>--}}
{{--                                    <option class="text-danger" value="ACCOUNTNO">ACCOUNT NO </option>--}}
{{--                                </select>--}}
{{--                                    <br>--}}

                                <input type="radio" name="aorn" value="nric" id="aorn" required >NRIC &nbsp
                                <input type="radio" name="aorn" value="account" id="aorn">ACCOUNT NO :

                            </div>
                            <div class="col">
                                <select class="form-control  " name="nric" id="nricor">


                                    <option value="xx">null </option>
                                    @foreach($head as $hd)
                                        {{--            {{$hd}}<br>--}}

                                        <option value="{{$hd}} ">{{$hd}} </option>

                                    @endforeach

                                </select>

                                <br>

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

                        <div class="row" id="type" >
                            <div class="col font-weight-bold">
                                Type : <br>

                            </div>
                            <div class="col">
                                <select class="form-control" name="type" id="idtype">


                                    <option value="">null </option>
                                    @foreach($head as $hd)
                                        {{--            {{$hd}}<br>--}}

                                        {{--                <option value="{{5}} ">{{$hd}} </option>--}}
                                        <option value="{{$hd}} ">{{$hd}} </option>

                                    @endforeach

                                </select>

                                <br>

                            </div>
                        </div>
                        {{--row--}}
                        <div class="row">
                            <div class="col font-weight-bold">
                                Source : <br>

                            </div>
                            <div class="col">
                                <select class="form-control" name="Source" REQUIRED>


                                    <option value="">null </option>

                                        <option value="ORI">ORI </option>
                                        <option value="TPS">TPS </option>



                                </select>

                                <br>

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

                        <div class="row">
                            <div class="col font-weight-bold">
                                Address : <br>

                            </div>
                            <div class="col">
                                <select class="form-control" name="address">


                                    <option value="xx">null </option>
                                    @foreach($head as $hd)
                                        {{--            {{$hd}}<br>--}}

                                        {{--                <option value="{{5}} ">{{$hd}} </option>--}}
                                        <option value="{{$hd}} ">{{$hd}} </option>

                                    @endforeach

                                </select>

                                <br>

                            </div>
                        </div>
                        {{--row--}}
                        <br><hr>
                        {{--                    --}}


                        <div class="row">
                            <div class="col font-weight-bold">
                                Phone number  : <br>

                            </div>
                            <div class="col">
                                <select class="form-control" name="telNumber" required>


                                    <option value="">null </option>
                                    @foreach($head as $hd)
                                        {{--            {{$hd}}<br>--}}

                                        {{--                <option value="{{6}} ">{{$hd}} </option>--}}
                                        <option value="{{$hd}} ">{{$hd}} </option>

                                    @endforeach

                                </select>

                                <br>

                            </div>
                        </div>



        </div>


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

        <input type="hidden" value="{{$file}}" name="file">
        <br><br>
        <div style="text-align: center;">
            <input type="submit" name="upload_file" id="upload_file" class="btn btn-lg btn-success" value="Upload" />
            <a href="{{url('/cancel-import/'.$file.'/contact')}}"  id="upload_file" class="btn btn-lg btn-danger" >Cancel</a>
        </div>
    </form>



    <script>

        $('input[name=aorn]').change(function(){
            var value = $( 'input[name=aorn]:checked' ).val();
            if (value === "nric") {
                // alert(role)
                $('#type').hide();
                $('#idtype').attr("required", false);
            } else {
                $('#type').show();


                $('#idtype').attr( 'required',true);
            }
        });

    </script>





@endsection