@extends('admin.layouts.default')
@section('content')
<script type="text/javascript">
$(document).ready(function(){
    $('[data-toggle="tooltip"]').tooltip();
});
</script>
<style type="text/css">
  #team_one_added_player,#team_two_added_player {
    padding:5px;
  }
</style>
<!--********************************** Content body start  ***********************************-->
<div class="container-fluid">
    <div class="row page-titles mx-0" data-aos="fade-up">
        <div class="col-sm-6 p-md-0 justify-content-sm-end mt-2 mt-sm-0 d-flex">
        </div>
        <div class="col-sm-6 p-md-0 justify-content-sm-end mt-2 mt-sm-0 d-flex">
            <ol class="breadcrumb">
              <li class="breadcrumb-item active"><a href="">View all Clients</a></li>
              <!-- route($modelName.'.create') -->
              <li class="breadcrumb-item">Create </li>
            </ol>
        </div>
    </div>
    <!-- row -->
    <div class="row">
        <div class="col-xl-12 col-xxl-12">
            <div class="card" data-aos="fade-up">
                <div class="card-header">
                    <h4 class="card-title">Create Client Credential</h4>
                </div>
                <div class="card-body">
                    <div class="basic-form">

                        {{ Form::open(['role' => 'form','id'=>'matchAddForm','route'=>[$modelName.'.create'], 'files' => true]) }}                    

                            

                            <div class="form-row">
                                
                                <div class="form-group col-md-12"> 
                                    <label class="lbl_frm py-2">User type</label>  
                                    <input type="radio" id="new" required name="user_type" value="new"
                                    {{ old('user_type') == 'new' ? 'checked' : '' }}
                                    >
                                    <label for="new">New</label><br>
                                    <input type="radio" id="existing" required name="user_type" value="existing"
                                    {{ old('user_type') == 'existing' ? 'checked' : '' }}
                                    >
                                    <label for="existing">Existing</label><br>
                                </div> 
                                <div class="form-group col-md-6" style="display: none;" id="existingUser"> 
                                <div class="form-group col-md-2"> 
                                    <label class="lbl_frm py-2">User</label> 
                                </div>
                                <div class="form-group col-md-3"> 
                                    <select class="form-control in_text" name="user_id" required>
                                        <option value="">--select user--</option>
                                    @foreach($users as $user)  
                                        <option value="{{$user->id}}">{{$user->email}}</option>
                                    @endforeach
                                    </select>
                                    @if($errors->has('user_id'))
                                        <div class="error">{{ $errors->first('user_id') }}</div>
                                    @endif
                                </div>
                                </div>


                                <div class="form-group col-md-6" style="display: none;" id="newUser"> 
                                <div class="form-group col-md-6"> 
                                    <label class="lbl_frm py-2">Email</label>  
                                    <input type="email" name="email" required="required">
                                    @if($errors->has('email'))
                                        <div class="error">{{ $errors->first('email') }}</div>
                                    @endif
                                </div>
                                <br>
                                <div class="form-group col-md-6"> 
                                    <label class="lbl_frm py-2">Password</label>  
                                    <input type="password" name="password" required>
                                    @if($errors->has('password'))
                                        <div class="error">{{ $errors->first('password') }}</div>
                                    @endif
                                </div>
                                </div>

                                <div class="form-group col-md-6"> 
                                <div class="form-group col-md-2"> 
                                    <label class="lbl_frm py-2">Select Plan</label> 
                                </div>
                                <div class="form-group col-md-3"> 
                                    <select class="form-control in_text" name="plan_id" required>
                                    @foreach($plans as $plan)  
                                        <option value="{{$plan->id}}">{{$plan->validity_to_show}}</option>
                                    @endforeach
                                    </select>
                                </div>
                                </div>

                                <div class="form-row col-md-12">
                                    <button class="btn btn-info" type="submit">Create</button>
                                </div>
                                <!-- <div class="form-group col-md-12"> 
                                    <label class="lbl_frm py-2">Plan type</label>  
                                    <input type="radio" id="html" name="plan_type" value="demo">
                                    <label for="demo">Demo</label><br>
                                    <input type="radio" id="css" name="plan_type" value="paid">
                                    <label for="paid">Paid</label><br>
                                </div>  -->
                            </div>
                        
                        @if(session()->has('message'))
                            <div class="alert alert-success">
                                {{ session()->get('message') }}
                            </div>
                        @endif
                        {{ Form::close() }}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<link rel="stylesheet" href="{{WEBSITE_URL.'resources/views/admin/Matches/assets/multi-select.css'}}"/>

<!-- <script type="text/javascript" src="{{WEBSITE_URL.'resources/views/admin/Matches/assets/jquery.min.js'}}"></script> -->
<script type="text/javascript" src="{{WEBSITE_URL.'resources/views/admin/Matches/assets/bootstrap.min.js'}}"></script>
<script type="text/javascript" src="{{WEBSITE_URL.'resources/views/admin/Matches/assets/jquery.multi-select.js'}}"></script> 

<style type="text/css">
/*.hide_one{ display: none; }*/
.hide_two{ display: none; }
</style>
<script type="text/javascript">
$(function () {
  $("select[name=user_id]").select2();
});


$(document).ready(function() {  
    let user_type = $("input[name=user_type]:checked").val();
     
    if (user_type) { 
        showUser(user_type);
    }

    $("input[name=user_type]").click(function() {
        let user_type = $(this).val(); 
        showUser(user_type);
    });

function showUser(user_type) {
        if (user_type == 'new') {
            $('div#newUser').css('display','block');
            $('div#existingUser').css('display','none'); 
        } else if(user_type == 'existing') {
            $('div#existingUser').css('display','block');
            $('div#newUser').css('display','none');
        }
}
});


</script>

<!--**********************************
Content body end
***********************************-->
@endsection