@extends('layouts.app')
@section('title')
    MACHINE CREATE
@endsection
@section('button')
    <a type="button" class="btn btn-info" href="{{ route('machine.index') }}">
        <i class="bi bi-arrow-left"></i> Back
    </a>
@endsection
@section('content')
<style>
    .tooltip-arrow{
   display: none !important;
   width: 0px !important;
   height: 0px !important;

}
 .tooltip-inner{
   display: none !important;
   width: 0px !important;
   height: 0px !important;
}

</style>
    <div class="card">
        <form method="post" action="{{ route('machine.store') }}">
            @csrf
            <div class="card-body">
                <div class="row">
                    <div class="col-lg-6 col-sm-6 col-12 mt-3">
                        <div class="row align-items-center">
                            <label class="form-label col-4" for="name">Machine Name</label>
                            <div class="col-6">
                            <input type="text" class="form-control rounded-4" id="name" name="name"
                                value="{{ old('name') }}" placeholder="Enter Name">
                        </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-sm-6 col-12 mt-3">
                        <div class="row align-items-center">
                            <label class="form-label col-4" for="code">Machine Code</label>
                            <div class="col-6">
                            <input type="text" class="form-control rounded-4" id="code" name="code"
                                value="{{ old('code') }}" placeholder="Enter Code">
                        </div>
                        </div>
                    </div>

                    <div class="col-lg-6 col-sm-4 col-12">
                        <div class="mt-4 form-check">
                            <input type="checkbox" class="form-check-input" id="for_machine" name="for_machine"
                                value="1" @checked(old('for_machine') == 1)>
                            <label class="form-check-label" for="have_bom">Machine</label>
                        </div>
                    </div>

                    <div class="col-lg-6 col-sm-4 col-12">
                        <div class="mt-4 form-check">
                            <input type="checkbox" class="form-check-input" id="for_assembly" name="for_assembly"
                                value="1" @checked(old('for_assembly') == 1)>
                            <label class="form-check-label" for="have_bom">Assembly</label>
                        </div>
                    </div>

                </div>
            </div>
            <div class="card-footer">
                <div class="d-flex gap-2 justify-content-end">
                    <button type="submit" class="btn btn-primary">Save</button>
                </div>
            </div>
        </form>
    </div>

    <script>
        $('#for_machine').on('click',function(){
           if($(this).is(':checked')){
            $('#for_assembly').prop('checked',false)
            }
        })
        $('#for_assembly').on('click',function(){
           if($(this).is(':checked')){
            $('#for_machine').prop('checked',false)
            }
        })
    </script>
@endsection