@extends('layouts.app2')



@section('badcome')
@endsection

@section('dynamic_css')
<style>
    <blade media|%20(max-width%3A%20768px)%0D> {
        .col {
            -ms-flex-preferred-size: 0;
            flex-basis: auto;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            max-width: 100%;
        }
    }

    .card_hover .card {
        border: 0px solid white;
    }

    .card_hover .card {
        border-top: 3px solid white;
    }
</style>
@endsection

@section('content')
<div class="container-fluid fixed_navbar_container main_content_style">
    <div class="row justify-content-center">
        <!--                <div class="col-md-12 mt10">
                            </div>-->
        <div class="col-md-12">
            <div id="flash-msg" class="text-center">
            </div>
            <div class="container">
                <div class="row container_layout">
                    <div class="col-md-12 pl0 pr0 mobile_view">
                        <nav aria-label="breadcrumb">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item">
                                    <a href="http://pnrdhcms.org/hcms/adminhome">
                                        <i class="material-icons">home</i>
                                    </a>
                                </li>

                                <li class="breadcrumb-item active"><a
                                        href="http://pnrdhcms.org/hcms/regular/employees">Create BDO</a></li>
                            </ol>
                        </nav>
                    </div>


                    <div class="col-md-12 p20 bg-white">
                        @if($errors->any())
                            <div class="alert alert-danger">
                                <ul>
                                    @foreach($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                        <div class="panel panel-default">
                            <div class="panel-heading ">
                            </div>
                            <div class="panel-body">
                                <form method="post" action="{{ route('PostBdoProfile') }}"
                                    id="submitform" data-parsley-validate>
                                    {{ csrf_field() }}
                                    <div class="form-group row">
                                        <div class="col-md-6">
                                            <label for="bdo_block">BLOCK</label>
                                            <select class="form-control" name="block_id" id="bdo_block" required="">
                                                <option value="">SELECT BLOCK</option>
                                                @foreach($block as $row)
                                                    <option value="{{ $row->block_id }}">{{ $row->block_name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            <label class="text text-danger bdo_block"></label>
                                        </div>
                                        <div class="col-md-6">
                                            <label for="bdo_name" class="active">BDO Name</label>
                                            <input type="text" name="bdo_name" id="bdo_name" class="form-control"
                                                placeholder="Name of a BDO" required="" value="{{old('bdo_name')}}">
                                            <label class="text text-danger bdo_name active"></label>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <div class="col-md-6">
                                            <label class="" for="block_official_email">Block's Official Email</label>
                                            <input type="email" name="block_official_email" id="block_official_email"
                                                class="form-control" required="" value="{{old('block_official_email')}}">
                                            <label class="text text-danger block_official_email"></label>
                                        </div>
                                        <div class="col-md-6">
                                            <label class="" for="bdo_email">BDO's Email</label>
                                            <input type="email" name="bdo_email" id="bdo_email" class="form-control"
                                                required="" value="{{old('bdo_email')}}">
                                            <label class="text text-danger bdo_email"></label>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <div class="col-md-6">
                                            <label class="" for="bdo_no">BDO's Mobile No.</label>
                                            <input type="text" name="bdo_mobile" id="bdo_no" class="form-control"
                                                required="" Maxlength="10" value="{{old('bdo_mobile')}}">
                                            <label class="text text-danger bdo_no"></label>
                                        </div>
                                        <div class="col-md-6">
                                            <label class="" for="bdo_no">Date of Joining</label>
                                            <input type="date" name="joining_date" id="bdo_no" class="form-control"
                                                required="" value="{{old('joining_date')}}">
                                            <label class="text text-danger bdo_no"></label>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <div class="col-md-4">
                                            <label>Substantive Post</label>
                                        </div>
                                        <div class="col-md-4">
                                            <label>Yes &nbsp; <input type="radio" name="substantive" value="1"
                                                    required="" class="substantive" id="yes"></label>
                                        </div>
                                        <div class="col-md-4">
                                            <label>No &nbsp; <input type="radio" name="substantive" value="0" id="no"
                                                    required="" class="substantive"></label>
                                        </div>
                                    </div>
                                    <div class="form-group row" id="designation_div" style="display: none">
                                        <div class="col-md-6">
                                            <label class="" for="designation">Actual Designation</label>
                                            <input type="text" class="form-control" name="designation" value="{{old('designation')}}">
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <div class="col-md-12">
                                            <button id="btn"
                                                class="btn btn-primary waves-effect waves-light">SAVE</button>&nbsp;&nbsp;<button
                                                type="reset"
                                                class="btn btn-warning waves-effect waves-light">RESET</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 p20 bg-white">
                        <table class="table">
                            <thead>
                                <tr>
                                    <th>Block</th>
                                    <th>BDO Name</th>
                                    <th>Block Official Email</th>
                                    <th>BDO Email</th>
                                    <th>BDO Mobile</th>
                                    <th>Date of joning</th>
                                    <th>Substantive Post</th>
                                    <th>Action</th>

                                </tr>

                            </thead>
                            <tbody>
                                @foreach($data as $key)
                                    <tr>
                                        <td>{{ $key->block_name }}</td>
                                        <td>{{ $key->bdo_name }}</td>
                                        <td>{{ $key->block_official_email }}</td>
                                        <td>{{ $key->bdo_email }}</td>
                                        <td>{{ $key->bdo_mobile }}</td>
                                        <td>{{ $key->joining_date }}</td>
                                        <td>@if($key->substantive==1)
                                            {{ $key->designation }}
                                        @else
                                            No
                                @endif
                                </td>
                                <td> <a href="{{$key->block_id}}" class="btn btn-primary waves-effect waves-light bdo-update" data-dismiss="modal">UPDATE
                                </button></td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>

                </div>

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

<div class="modal fade top" id="update_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop="true"  style="display: none;" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-top modal-notify modal-primary" role="document">
        <!--Content-->
        <div class="modal-content">
            <!--Header-->
            <div class="modal-header mod_head">
                <p class="heading lead">Update BDO</p>

                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true" class="white-text">×</span>
                </button>
            </div>

            <!--Body-->
            <div class="modal-body">
                <div id="printSection">
                <div class="container">
                    <div class="" id="profile" style="">
                        <form method="post" action="{{ route('PostBdoProfile') }}"
                        id="submitform" data-parsley-validate>
                        {{ csrf_field() }}
                        <div class="form-group row">
                              <input type="hidden" id="modal_block" name="block_id">
                            <div class="col-md-6">
                                <label for="bdo_name" class="active">BDO Name</label>
                                <input type="text" name="bdo_name" id="bdo_name1" class="form-control"
                                    placeholder="Name of a BDO" required="" value="{{old('bdo_name')}}">
                                <label class="text text-danger bdo_name active"></label>
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-md-6">
                                <label class="" for="block_official_email">Block's Official Email</label>
                                <input type="email" name="block_official_email" id="block_official_email1"
                                    class="form-control" required="" value="{{old('block_official_email')}}">
                                <label class="text text-danger block_official_email"></label>
                            </div>
                            <div class="col-md-6">
                                <label class="" for="bdo_email">BDO's Email</label>
                                <input type="email" name="bdo_email" id="bdo_email1" class="form-control"
                                    required="" value="{{old('bdo_email')}}">
                                <label class="text text-danger bdo_email"></label>
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-md-6">
                                <label class="" for="bdo_no">BDO's Mobile No.</label>
                                <input type="text" name="bdo_mobile" id="bdo_no1" class="form-control"
                                    required="" Maxlength="10" value="{{old('bdo_mobile')}}">
                                <label class="text text-danger bdo_no"></label>
                            </div>
                            <div class="col-md-6">
                                <label class="" for="bdo_no">Date of Joining</label>
                                <input type="date" name="joining_date" id="bdo_date1" class="form-control"
                                    required="" value="{{old('joining_date')}}">
                                <label class="text text-danger bdo_no"></label>
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-md-4">
                                <label>Substantive Post</label>
                            </div>
                            <div class="col-md-4">
                                <label>Yes &nbsp; <input type="radio" name="substantive" value="1"
                                        required="" class="substantive" id="yes1"></label>
                            </div>
                            <div class="col-md-4">
                                <label>No &nbsp; <input type="radio" name="substantive" value="0" id="no1"
                                        required="" class="substantive"></label>
                            </div>
                        </div>
                        <div class="form-group row" id="designation_div1" style="display: none">
                            <div class="col-md-6">
                                <label class="" for="designation">Actual Designation</label>
                                <input type="text" class="form-control" name="designation" value="{{old('designation')}}">
                            </div>
                        </div>
                   
                       
  
                        <div class="col-md-12" style="text-align:center;">
                            <button type="submit" class="btn btn-success btn-sm">Update</button>
                            <button type="submit" data-dismiss="modal" aria-label="Close"  class="btn btn-danger btn-sm">Cancel</button>
                        </div>
                    </form>
                    </div>
                    </div>
                
                </div>
                
            
            </div>
        </div>
    </div>
</div>
<script>
    $(document).ready(function () {
        $(':radio[id=yes]').change(function () {
            $('#designation_div').slideDown();
        });
        $(':radio[id=no]').change(function () {
            $('#designation_div').slideUp();
        });
    });

    $(document).on('click', '#btn', function (e) {
        e.preventDefault();
        Swal.fire({
            position: 'center',
            title: 'Do you want to submit?',
            text: "You won't be able to make further changes!",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: 'Confirm'
        }).then((result) => {
            if (result.value) {
                $('#submitform').submit();
            }
        });

    });
</script>
<script>
        $(document).ready(function () {
        $(':radio[id=yes1]').change(function () {
            $('#designation_div1').slideDown();
        });
        $(':radio[id=no1]').change(function () {
            $('#designation_div1').slideUp();
        });
    });

    $(document).on('click', '.bdo-update', function (e) {
        e.preventDefault();

        // $("#modal_block").empty();

           var id = $(this).attr('href')
                // $('#modal_block').append($(this).attr('href'));
                $('#modal_block').val(id);
               $('#update_modal').modal('show');

            
        });
</script>
@endsection