@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="">
                                        <i class="material-icons">home</i>
                                    </a>
                                </li>

                                <li class="breadcrumb-item active"><a href="">Create CEO</a></li>
                            </ol>
                        </nav>
                    </div>


                    <div class="col-md-12 p20 bg-white">
                        <div class="panel panel-default">
                            <div class="panel-heading ">

                                @if($errors->any())
                                    <div class="alert alert-danger">
                                        <ul>
                                            @foreach($errors->all() as $error)
                                                <li>{{ $error }}</li>
                                            @endforeach
                                        </ul>
                                    </div>
                                @endif

                            </div>
                            <div class="panel-body">
                                <form method="post" action="{{ route('PostCeoProfile') }}"
                                    id="submitform" data-parsley-validate>
                                    {{ csrf_field() }}
                                    <div class="form-group row">
                                        <div class="col-md-6">
                                            <label for="bdo_name" class="active">CEO Name</label>
                                            <input type="text" name="ceo_name" id="ceo_name" class="form-control"
                                                placeholder="Name of a CEO" required="" value="{{old('ceo_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">CEO's Official Email</label>
                                            <input type="email" name="ceo_official_email" id="block_official_email"
                                                class="form-control" required="" value="{{old('ceo_official_email')}}">
                                            <label class="text text-danger block_official_email"></label>
                                        </div>
                                        <div class="col-md-6">
                                            <label class="" for="bdo_email">CEO's Email</label>
                                            <input type="email" name="ceo_email" id="ceo_email" class="form-control"
                                                required="" value="{{old('ceo_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">CEO's Mobile No.</label>
                                            <input type="text" name="ceo_mobile" id="bdo_no" class="form-control"
                                                required="" Maxlength="10" value="{{old('ceo_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="joining_date" class="form-control"
                                                required="" Maxlength="10" value="{{old('joining_date')}}">
                                            <label class="text text-danger bdo_no"></label>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <div class="col-md-12">
                                            @if($data==null)
                                            <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>
                                            @else
                                            <button id="btn"
                                            class="btn btn-primary waves-effect waves-light">UPDATE</button>&nbsp;&nbsp;<button
                                            type="reset"
                                            class="btn btn-warning waves-effect waves-light">RESET</button>
                                            @endif
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-12 p20 bg-white">
                        <table class="table">
                            <thead>
                                <tr>
                                    <th>CEO Name</th>
                                    <th>CEO Official Email</th>
                                    <th>CEO Email</th>
                                    <th>CEO Mobile</th>
                                    <th>Date of joning</th>

                                </tr>

                            </thead>
                            <tbody>
                                @if($data)
                                    <tr>
                                        <td>{{ $data->ceo_name }}</td>
                                        <td>{{ $data->ceo_official_email }}</td>
                                        <td>{{ $data->ceo_email }}</td>
                                        <td>{{ $data->ceo_mobile }}</td>
                                        <td>{{ $data->joining_date }}</td>

                                    </tr>
                                    @endif
                            </tbody>
                        </table>
                    </div>

                </div>

            </div>
        </div>
        <!--                <div class="col-md-12">

        </div>-->
    </div>
</div>
</div>
<script>
    $(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>
@if(session('success'))
<script>
    Swal.fire({
        position: 'center',
        icon: 'success',
        title: '{{ session()->get('success') }}',
        showConfirmButton: false,
        timer: 2000
    })
</script>
@endif
@endsection