{{-- Extends layout --}}
@extends('layout.default')

@section('styles')

    <!--begin::Page Custom Styles(used by this page)-->
		

	<!--end::Page Custom Styles-->
@endsection

{{-- Content --}}
@section('content')

    <!--begin::Card-->
    <div class="card card-custom card-stretch gutter-b">
        @if (session('status'))

            {{-- Success Alert --}}
            <div class="alert alert-custom alert-notice alert-light-danger fade show gutter-b" role="alert">
                <div class="alert-icon"><i class="flaticon2-check-mark"></i></div>
                <div class="alert-text">{{session('status')}}</div>
                <div class="alert-close">
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true"><i class="ki ki-close"></i></span>
                    </button>
                </div>
            </div>

        @endif

        <div class="card-header">
            <div class="card-title">
                <h3 class="card-label">Create New Member</h3>
            </div>
        </div>
        
        <!--begin::Form-->
        <form method="POST" action="{{ route('team.store') }}">
            @csrf
            
            <div class="card-body">

                <!--begin::Name-->
                <div class="form-group row">
                    <label class="col-form-label text-right col-lg-4 col-sm-12">Role</label>
                    <div class="col-lg-6 col-md-9 col-sm-12">
                        <input type="text" class="form-control" name="role" value="Sales Representitive" disabled/>
                        <input type="hidden" name="role" value="Sales Representitive">
                    </div>
                </div>
                
                <!--begin::Name-->
                <div class="form-group row">
                    <label class="col-form-label text-right col-lg-4 col-sm-12">Full Name</label>
                    <div class="col-lg-6 col-md-9 col-sm-12">
                        <input type="text" class="form-control @error('name') is-invalid @enderror" name="name" placeholder="Example- Rahmat Ullah"/>
                        
                        @error('name')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>
                    
                </div>

                <!--begin::Username-->
                <div class="form-group row">
                    <label class="col-form-label text-right col-lg-4 col-sm-12">Username</label>
                    <div class="col-lg-6 col-md-9 col-sm-12">
                        <input type="text" class="form-control @error('username') is-invalid @enderror" name="username" placeholder="Example- rahmat"/>
                        
                        @error('username')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>
                </div>

                <!--begin::Phone Number-->
                <div class="form-group row">
                    <label class="col-form-label text-right col-lg-4 col-sm-12">Contact Number</label>
                    <div class="col-lg-6 col-md-9 col-sm-12">
                        <div class="input-group">
                            <div class="input-group-prepend"><span class="input-group-text">+88</span></div>
                            <input type="text" class="form-control @error('phone') is-invalid @enderror" name="phone" placeholder="Example - 0177000000" />
                            @error('phone')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>
                </div>

                <!--begin::Password-->
                <div class="form-group row">
                    <label class="col-form-label text-right col-lg-4 col-sm-12">Password</label>
                    <div class="col-lg-6 col-md-9 col-sm-12">
                        <input type="password" class="form-control @error('password') is-invalid @enderror" name="password"/>
                        @error('password')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>
                </div>

                <!--begin::Password-->
                <div class="form-group row">
                    <label class="col-form-label text-right col-lg-4 col-sm-12">Confirm Password</label>
                    <div class="col-lg-6 col-md-9 col-sm-12">
                        <input type="password" class="form-control" name="password_confirmation"/>
                    </div>
                </div>

                {{-- <!--begin::Outlet Type-->
                <div class="form-group row">
                    <label class="col-form-label text-right col-lg-4 col-sm-12">Role</label>
                    <div class="col-lg-6 col-md-9 col-sm-12">
                        <select class="form-control">
                            <option selected hidden disabled>Select a type</option>
                            <option>Admin</option>
                            <option>Distributor</option>
                            <option>Sales Representitive</option>
                        </select>
                    </div>
                </div> --}}

                <div class="form-group row">            
                    <label class="col-form-label text-right col-lg-4 col-sm-12">Status</label>
                    <div class="col-lg-6 col-md-9 col-sm-12">
                        <div class="checkbox-inline form-control border-0 pl-0">
                            <label class="checkbox">
                                <input type="checkbox" name="active" value="1"/>
                                <span></span>
                                Is Active
                            </label>
                        </div>
                    </div>
                </div>
            </div>

            <div class="card-footer pt-0 border-0">
                <div class="row">
                    <div class="col-lg-4"></div>
                    <div class="col-lg-6">
                        <button type="submit" class="btn btn-primary">Submit</button>
                        <button type="reset" class="btn btn-secondary ml-3" data-dismiss="modal">Cancel</button>
                    </div>
                </div>
            </div>
        </form>
        <!--end::Form-->

    </div>
    <!--end::Card-->

@endsection

{{-- Scripts Section --}}
@section('scripts')



    <!--begin::Page Scripts(used by this page)-->
    {{-- <script src="js/pages/crud/forms/widgets/bootstrap-datepicker.js"></script> --}}
    <script src="{{ asset("js/pages/crud/forms/widgets/bootstrap-datepicker.js") }}"></script>
    <script src="{{ asset("plugins/custom/uppy/uppy.bundle.js") }}"></script>
    {{-- <script src="{{ asset("js/pages/crud/file-upload/uppy.js") }}"></script> --}}

    {{-- <script>
        const Uppy = require('@uppy/core');
        const XHRUpload = require('@uppy/xhr-upload');
        const Dashboard = require('@uppy/dashboard');

        const uppy = new Uppy()
            .use(Dashboard,{
                target: '#uppy_drag'
            })
    </script> --}}
	<!--end::Page Scripts-->
@endsection