@extends('admin.layouts.app')

@section('container')
    <!-- Page-Title -->
    <div class="row">
        <div class="col-sm-12">
            <div class="page-title-box">
                <div class="float-end">
                    <a href="{{ route('supplier_reference.list') }}" class="btn btn-primary"><i class="ti ti-arrow-back-up me-2"></i>
                        Supplier Ref. List</a>
                </div>
                <h4 class="page-title">Add New Supplier Ref.</h4>
            </div>
            <!--end page-title-box-->
        </div>
        <!--end col-->
    </div>
    <!-- end page title end breadcrumb -->

    <div class="row">
        @if (session('success'))
            <div class="alert alert-info">
                <ul>
                    {{ session('success') }}
                </ul>
            </div>
        @endif
        @if (session('error'))
            <div class="alert alert-danger">
                <ul>
                    {{ session('error') }}
                </ul>
            </div>
        @endif
    </div>
    {{-- <div class="row">
        @if ($errors->any())
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
    </div> --}}

    <div class="row">
        <div class="col-lg-12">
            <form method="POST" action="{{ route('supplier_reference.store') }}" class="form" enctype="multipart/form-data">
                @csrf
                <div class="card">

                    <!--end card-header-->
                    <div class="card-body">

                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-2">
                                    <label for="name" class="mb-2">Supplier Ref. Name</label>
                                    <input class="form-control" type="text" id="name" name="name"
                                        value="{{ old('name') }}" placeholder="Enter name">
                                    @error('name')
                                        <p class="mt-1 text-danger">{{ $message }}</p>
                                    @enderror
                                </div>
                                <div class="mb-2">
                                    <label for="email" class="mb-2">Email</label>
                                    <input class="form-control" type="text" id="email" name="email"
                                        value="{{ old('email') }}" placeholder="Enter email address">
                                    @error('email')
                                        <p class="mt-1 text-danger">{{ $message }}</p>
                                    @enderror
                                </div>
                                <div class="mb-2">
                                    <label for="phone" class="mb-2">Phone </label>
                                    <input class="form-control" type="text" id="phone" name="phone"
                                        value="{{ old('phone') }}" placeholder="Enter phone number">
                                    @error('phone')
                                        <p class="mt-1 text-danger">{{ $message }}</p>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="mb-2">
                                    <label for="address" class="mb-2">Address </label>
                                  <textarea name="address" id="address" class="form-control" cols="30" rows="4">{{old('address')}}</textarea>
                                    @error('address')
                                        <p class="mt-1 text-danger">{{ $message }}</p>
                                    @enderror
                                </div>
                                <div class="mb-2">
                                    <label for="status" class="mb-2">Status</label> <br>
                                    <input class="" type="radio" id="status1" name="status"
                                        {{ old('status') == '1' ? 'checked' : '' }} value="1">
                                     <label for="status1" class="mb-2">Active</label> &nbsp;&nbsp;
                                    <input class="" type="radio" id="status2" name="status"
                                        {{ old('status') == '0' ? 'checked' : '' }} value="0">
                                     <label for="status2" class="mb-2">Inactive</label>
                                   <br>
                                    @error('status')
                                        <p class="mt-1 text-danger">{{ $message }}</p>
                                    @enderror
                                </div>
                            </div>
                        </div>

                    </div>
                    <!--end card-body-->
                </div>
                <!--end card-->

                <div class="text-end m-3">
                    <button class="btn btn-primary" type="submit">Add Supplier Ref.</button>
                </div>
                <!--end card-->
            </form>
            <!--end form-->
        </div> <!-- end col -->
    </div> <!-- end row -->

@endsection