@extends('layouts.app')

@section('content')
<style>
    .page-wrap { max-width: 900px; }

    .card {
        background:#fff;
        border-radius:14px;
        padding:22px;
        box-shadow:0 4px 14px rgba(0,0,0,0.06);
    }

    .form-grid {
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:15px;
    }

    .form-group {
        display:flex;
        flex-direction:column;
    }

    .form-group.full {
        grid-column:1 / -1;
    }

    label {
        font-weight:600;
        margin-bottom:6px;
    }

    input, textarea {
        padding:10px;
        border:1px solid #ddd;
        border-radius:8px;
    }

    .btn {
        padding:10px 14px;
        border:none;
        border-radius:8px;
        cursor:pointer;
        font-weight:600;
        text-decoration:none;
        display:inline-block;
    }

    .btn-primary { background:#1E4FA8; color:#fff; }
    .btn-orange { background:#E84C0D; color:#fff; }

    @media(max-width:768px){
        .form-grid { grid-template-columns:1fr; }
    }
</style>

<div class="page-wrap">
    <h2>Edit Branch</h2>

    <div class="card">
        <form method="POST" action="{{ url('/branches/'.$branch->id) }}">
            @csrf
            @method('PUT')

            <div class="form-grid">
                <div class="form-group">
                    <label>Branch Name *</label>
                    <input type="text" name="name" value="{{ old('name', $branch->name) }}" required>
                </div>

                <div class="form-group">
                    <label>Branch Code</label>
                    <input type="text" name="code" value="{{ old('code', $branch->code) }}">
                </div>

                <div class="form-group">
                    <label>Phone</label>
                    <input type="text" name="phone" value="{{ old('phone', $branch->phone) }}">
                </div>

                <div class="form-group">
                    <label>Email</label>
                    <input type="email" name="email" value="{{ old('email', $branch->email) }}">
                </div>

                <div class="form-group">
                    <label>City</label>
                    <input type="text" name="city" value="{{ old('city', $branch->city) }}">
                </div>

                <div class="form-group">
                    <label>Country</label>
                    <input type="text" name="country" value="{{ old('country', $branch->country) }}">
                </div>

                <div class="form-group full">
                    <label>Address</label>
                    <textarea name="address">{{ old('address', $branch->address) }}</textarea>
                </div>
            </div>

            <br>

            <label>
                <input type="checkbox" name="is_main" {{ $branch->is_main ? 'checked' : '' }}>
                Main Branch
            </label>

            <br><br>

            <label>
                <input type="checkbox" name="is_active" {{ $branch->is_active ? 'checked' : '' }}>
                Active
            </label>

            <br><br>

            <button class="btn btn-primary">Update Branch</button>
            <a href="{{ url('/branches') }}" class="btn btn-orange">Back</a>
        </form>
    </div>
</div>
@endsection