@extends('layouts.app')
<style>
   .dropdown-toggle span {
    color: #000;
    font-weight: 600;
    }
    .btn-new{
     background-color: #001d40;
    border-color: #001d40;
    display: inline-block;
    font-weight: 400;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    }
    a:hover{
      color:#fff !important;
      text-decoration: none !important;
    }
   
</style>
@section('content')
<div class="container">
    <div class="card shadow-lg p-4 ">
        <div class="d-flex align-items-center mb-4 border-bottom pb-2">
            <img src="{{ asset('images/new-favicon-icon.png') }}" alt="Profile" width="35" class="me-4">
            <h4 class="ml-2 font-20">PROFILE</h4>
        </div>

        <form action="{{ route('profile.update') }}" method="POST">
            @csrf

            <div class="mb-3 row">
                <label class="col-sm-3 col-form-label" style="font-weight:600;">First Name</label>
                <div class="col-sm-9">
                    <input type="text" name="first_name" class="form-control" value="{{ old('first_name', $admin->first_name) }}" required>
                </div>
            </div>

            <div class="mb-3 row">
                <label class="col-sm-3 col-form-label"  style="font-weight:600;">Last Name</label>
                <div class="col-sm-9">
                    <input type="text" name="last_name" class="form-control" value="{{ old('last_name', $admin->last_name) }}" required>
                </div>
            </div>

            <div class="mb-3 row">
                <label class="col-sm-3 col-form-label"  style="font-weight:600;">Email</label>
                <div class="col-sm-9">
                    <input type="email" name="email" class="form-control" value="{{ old('email', $admin->email) }}" required>
                </div>
            </div>

            <div class="mb-3 row">
                <label class="col-sm-3 col-form-label"  style="font-weight:600;">Company Name</label>
                <div class="col-sm-9">
                    <input type="text" name="company_name" class="form-control" value="{{ old('company_name', $admin->company_name) }}">
                </div>
            </div>

            <div class="mb-3 row">
                <label class="col-sm-3 col-form-label"  style="font-weight:600;">Contact Number</label>
                <div class="col-sm-9">
                    <input type="text" name="contact_number" class="form-control" value="{{ old('contact_no', $admin->contact_no) }}">
                </div>
            </div>

            <div class="mb-3 row">
                <label class="col-sm-3 col-form-label"  style="font-weight:600;">Address</label>
                <div class="col-sm-9">
                    <textarea name="address" class="form-control" rows="3">{{ old('address', $admin->address) }}</textarea>
                </div>
            </div>

            <div class="text-end">
                <button type="submit" class="btn btn-primary px-4">Update Profile</button>
                  <button type="submit" class="btn-new me-2">Back</button>

            </div>
        </form>
    </div>
</div>

@endsection