@extends('frontend.layouts.master')

<style>
     select {
    
    /* styling */
    background-color: white;
    border: thin solid gray;
    border-radius: 4px;
    display: inline-block;
    font: inherit;
    line-height: 1.5em;
    padding: 0.5em 3.5em 0.5em 1em;
    
    /* reset */
    
    margin: 0;      
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    }
    
    select.round {
      background-image:
        linear-gradient(45deg, transparent 50%, gray 50%),
        linear-gradient(135deg, gray 50%, transparent 50%),
        radial-gradient(#ddd 70%, transparent 72%);
      background-position:
        calc(100% - 20px) calc(1em + 2px),
        calc(100% - 15px) calc(1em + 2px),
        calc(100% - .5em) .5em;
      background-size:
        5px 5px,
        5px 5px,
        1.5em 1.5em;
      background-repeat: no-repeat;
    }
    select.round:focus {
      background-image:
        linear-gradient(45deg, white 50%, transparent 50%),
        linear-gradient(135deg, transparent 50%, white 50%),
        radial-gradient(gray 70%, transparent 72%);
      background-position:
        calc(100% - 15px) 1em,
        calc(100% - 20px) 1em,
        calc(100% - .5em) .5em;
      background-size:
        5px 5px,
        5px 5px,
        1.5em 1.5em;
      background-repeat: no-repeat;
      border-color: green;
      outline: 0;
    }
</style>

@section('content')

<div class="container">
    <div class="row">
        <div class="col-md-12">
            @if(session('status'))
                <h6 class="alert alert-success">{{session('status')}}</h6>
            @endif

            <div class="card">
                <div class="card-header">
                    <h4>Add Users Sales
                        <a href="{{ url('sales')}}" class="btn btn-danger float-end">BACK</a>
                    </h4>
                </div>
                <div class="card-body">
                    <form action="{{ route('addDataSales')}}" method="POST">
                        @csrf
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5>Add Data Users Sales</h5>
                            </div>
                            <div class="modal-body">
                                <div class="form-row">
                                    <div class="form-group col-md-4">
                                        <label for="nik">NIK</label>
                                        <input id="nik" name="nik" class="form-control" type="number">
                                    </div>
                                    <div class="form-group col-md-4">
                                        <label for="username">Username</label>
                                        <input id="username" name="username" class="form-control">
                                    </div>
                                    <div class="form-group col-md-4">
                                        <label for="fullname">Fullname</label>
                                        <input id="fullname" name="fullname" class="form-control">
                                    </div>
                                </div>
                                <div class="form-row">
                                    <div class="form-group col-md-4">
                                        <label for="email">Email</label>
                                        <input id="email" name="email" class="form-control" type="email">
                                    </div>
                                    <!--<div class="form-group col-md-4">-->
                                    <!--    <label for="target">Target</label>-->
                                    <!--    <input id="target" name="target" class="form-control" type="number">-->
                                    <!--</div>-->
                                    <div class="form-group col-md-4">
                                        <label for="password">Password</label>
                                        <input id="password" name="password" class="form-control" type="password">
                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="submit" class="btn btn-primary">Submit</button>
                            </div>
                        </div>
                    </form>
                </div>
        </div>
    </div>
</div>
@endsection