<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no">
    <title>Tambah Coach | Aplikasi Gym  </title>
    <link rel="icon" type="image/x-icon" href="<?php echo base_url(); ?>assets/src/assets/img/favicon.ico"/>
    <link href="<?php echo base_url(); ?>assets/layouts/modern-light-menu/css/light/loader.css" rel="stylesheet" type="text/css" />
    <link href="<?php echo base_url(); ?>assets/layouts/modern-light-menu/css/dark/loader.css" rel="stylesheet" type="text/css" />
    <script src="<?php echo base_url(); ?>assets/layouts/modern-light-menu/loader.js"></script>

    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="https://fonts.googleapis.com/css?family=Nunito:400,600,700" rel="stylesheet">
    <link href="<?php echo base_url(); ?>assets/src/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="<?php echo base_url(); ?>assets/layouts/modern-light-menu/css/light/plugins.css" rel="stylesheet" type="text/css" />
    <link href="<?php echo base_url(); ?>assets/layouts/modern-light-menu/css/dark/plugins.css" rel="stylesheet" type="text/css" />
    <!-- END GLOBAL MANDATORY STYLES -->

    <!--  BEGIN CUSTOM STYLE FILE  -->
    <link rel="stylesheet" href="<?php echo base_url(); ?>assets/src/plugins/src/filepond/filepond.min.css">
    <link rel="stylesheet" href="<?php echo base_url(); ?>assets/src/plugins/src/filepond/FilePondPluginImagePreview.min.css">
    <link href="<?php echo base_url(); ?>assets/src/plugins/src/notification/snackbar/snackbar.min.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="<?php echo base_url(); ?>assets/src/plugins/src/sweetalerts2/sweetalerts2.css">
    
    <link href="<?php echo base_url(); ?>assets/src/plugins/css/light/filepond/custom-filepond.css" rel="stylesheet" type="text/css" />
    <link href="<?php echo base_url(); ?>assets/src/assets/css/light/components/tabs.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>assets/src/assets/css/light/elements/alert.css">
    
    <link href="<?php echo base_url(); ?>assets/src/plugins/css/light/sweetalerts2/custom-sweetalert.css" rel="stylesheet" type="text/css" />
    <link href="<?php echo base_url(); ?>assets/src/plugins/css/light/notification/snackbar/custom-snackbar.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>assets/src/assets/css/light/forms/switches.css">
    <link href="<?php echo base_url(); ?>assets/src/assets/css/light/components/list-group.css" rel="stylesheet" type="text/css">

    <link href="<?php echo base_url(); ?>assets/src/assets/css/light/users/account-setting.css" rel="stylesheet" type="text/css" />



    <link href="<?php echo base_url(); ?>assets/src/plugins/css/dark/filepond/custom-filepond.css" rel="stylesheet" type="text/css" />
    <link href="<?php echo base_url(); ?>assets/src/assets/css/dark/components/tabs.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>assets/src/assets/css/dark/elements/alert.css">
    
    <link href="<?php echo base_url(); ?>assets/src/plugins/css/dark/sweetalerts2/custom-sweetalert.css" rel="stylesheet" type="text/css" />
    <link href="<?php echo base_url(); ?>assets/src/plugins/css/dark/notification/snackbar/custom-snackbar.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>assets/src/assets/css/dark/forms/switches.css">
    <link href="<?php echo base_url(); ?>assets/src/assets/css/dark/components/list-group.css" rel="stylesheet" type="text/css">

    <link href="<?php echo base_url(); ?>assets/src/assets/css/dark/users/account-setting.css" rel="stylesheet" type="text/css" />
    <!-- END PAGE LEVEL STYLES -->
</head>
<body class="layout-boxed">
    <!-- BEGIN LOADER -->
    <div id="load_screen"> <div class="loader"> <div class="loader-content">
        <div class="spinner-grow align-self-center"></div>
    </div></div></div>
    <!--  END LOADER -->

    <!--  BEGIN NAVBAR  -->
    <?php include ("navbar.php");?> 
    <!--  END NAVBAR  -->

    <!--  BEGIN MAIN CONTAINER  -->
    <div class="main-container " id="container">

        <div class="overlay"></div>
        <div class="cs-overlay"></div>
        <div class="search-overlay"></div>

        <!--  BEGIN SIDEBAR  -->
        <?php include ("sidebar.php");?> 
        <!--  END SIDEBAR  -->

        <!--  BEGIN CONTENT AREA  -->
        <div id="content" class="main-content">
            <div class="layout-px-spacing">

                <div class="middle-content container-xxl p-0">

                    <!-- BREADCRUMB -->
                    <div class="page-meta">
                        <nav class="breadcrumb-style-one" aria-label="breadcrumb">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="#">Coach</a></li>
                                <li class="breadcrumb-item active" aria-current="page">Tambah Coach</li>
                            </ol>
                        </nav>
                    </div>
                    <!-- /BREADCRUMB -->
                        
                    <div class="account-settings-container layout-top-spacing">    
                        <div class="row">
                            <div class="col-xl-12 col-lg-12 col-md-12 layout-spacing">
                                <form class="section general-info" method="POST" action="<?php echo base_url(); ?>gym/insertcoach" enctype="multipart/form-data">
                                    <div class="info">
                                        <h6 class="">Data Coach</h6>
                                        <div class="row">
                                            <div class="col-lg-11 mx-auto">
                                                <div class="row">
                                                    <div class="col-xl-2 col-lg-12 col-md-4">
                                                        <div class="profile-image  mt-4 pe-md-4">

                                                            <!-- // The classic file input element we'll enhance
                                                            // to a file pond, we moved the configuration
                                                            // properties to JavaScript -->
                                        
                                                            <div class="img-uploader-content">
                                                                <input type="file" class="filepond"
                                                                    name="filepond" accept="image/png, image/jpeg, image/gif"/>
                                                            </div>
                                        
                                                        </div>
                                                    </div>
                                                    <div class="col-xl-10 col-lg-12 col-md-8 mt-md-0 mt-4">
                                                        <div class="form">
                                                            <div class="row">
                                                                <div class="col-md-6">
                                                                    <div class="form-group">
                                                                        <label for="fullName">Nama</label>
                                                                        <input type="text" class="form-control mb-3" id="fullName" name="name" placeholder="Nama Coach">
                                                                    </div>
                                                                </div>

                                                                <div class="col-md-6">
                                                                    <div class="form-group">
                                                                        <label for="profession">Alamat</label>
                                                                        <input type="text" class="form-control mb-3" id="profession" name="address" placeholder="Alamat Coach" >
                                                                    </div>
                                                                </div>                                                                
                                                                <div class="col-md-6">
                                                                    <div class="form-group">
                                                                        <label for="address">No Telp</label>
                                                                        <input type="number" name="phone" class="form-control mb-3" id="address" placeholder="081313851***">
                                                                    </div>
                                                                </div>

                                                                <div class="col-md-6">
                                                                    <div class="form-group">
                                                                        <label for="address">Email</label>
                                                                        <input type="email" name="email" class="form-control mb-3" id="address" placeholder="Coach@gmail.com">
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-6">
                                                                    <div class="form-group">
                                                                        <label class="form-label">Jenis kelamin</label>
                                                                        <select class="form-select" name="sex" id="edit_user_sex" required="">
                                                                            <option value="L">Laki-Laki</option>
                                                                            <option value="P">Perempuan</option>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-12">
                                                                    <div class="form-group text-end">
                                                                        <button class="btn btn-secondary">Simpan</button>
                                                                    </div>
                                                                </div>
                                                                
                                                            </div>
                                                            
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!--  BEGIN FOOTER  -->
            <div class="footer-wrapper">
                <div class="footer-section f-section-1">
                    <p class="">Copyright © <span class="dynamic-year">2022</span> <a target="_blank" href="https://designreset.com/cork-admin/">DesignReset</a>, All rights reserved.</p>
                </div>
                <div class="footer-section f-section-2">
                    <p class="">Coded with <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-heart"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg></p>
                </div>
            </div>
            <!--  END FOOTER  -->
            
        </div>
        <!--  END CONTENT AREA  -->
    </div>
    <!-- END MAIN CONTAINER -->
    
    
    
   <!-- BEGIN GLOBAL MANDATORY SCRIPTS -->
    <script src="<?php echo base_url(); ?>assets/src/bootstrap/js/bootstrap.bundle.min.js"></script>
    <script src="<?php echo base_url(); ?>assets/src/plugins/src/perfect-scrollbar/perfect-scrollbar.min.js"></script>
    <script src="<?php echo base_url(); ?>assets/src/plugins/src/mousetrap/mousetrap.min.js"></script>
    <script src="<?php echo base_url(); ?>assets/src/plugins/src/waves/waves.min.js"></script>
    <script src="<?php echo base_url(); ?>assets/layouts/modern-light-menu/app.js"></script>
    <!-- END GLOBAL MANDATORY SCRIPTS -->

    <!--  BEGIN CUSTOM SCRIPTS FILE  -->
    <script src="<?php echo base_url(); ?>assets/src/plugins/src/filepond/filepond.min.js"></script>
    <script src="<?php echo base_url(); ?>assets/src/plugins/src/filepond/FilePondPluginFileValidateType.min.js"></script>
    <script src="<?php echo base_url(); ?>assets/src/plugins/src/filepond/FilePondPluginImageExifOrientation.min.js"></script>
    <script src="<?php echo base_url(); ?>assets/src/plugins/src/filepond/FilePondPluginImagePreview.min.js"></script>
    <script src="<?php echo base_url(); ?>assets/src/plugins/src/filepond/FilePondPluginImageCrop.min.js"></script>
    <script src="<?php echo base_url(); ?>assets/src/plugins/src/filepond/FilePondPluginImageResize.min.js"></script>
    <script src="<?php echo base_url(); ?>assets/src/plugins/src/filepond/FilePondPluginImageTransform.min.js"></script>
    <script src="<?php echo base_url(); ?>assets/src/plugins/src/filepond/filepondPluginFileValidateSize.min.js"></script>
    <script src="<?php echo base_url(); ?>assets/src/plugins/src/notification/snackbar/snackbar.min.js"></script>
    <script src="<?php echo base_url(); ?>assets/src/plugins/src/sweetalerts2/sweetalerts2.min.js"></script>
    <script src="<?php echo base_url(); ?>assets/src/assets/js/users/account-settings.js"></script>
    <!--  END CUSTOM SCRIPTS FILE  -->  
    <script>
        FilePond.registerPlugin();
        FilePond.create(document.querySelector('.filepond'), {
            storeAsFile: true // penting agar file dikirim via form submit
        });
    </script>
</body>
</html>