@extends('backend.admin.layouts.master')
@section('content')
    <div class="container">
        <div class="row g-0 g-md-2">
            <div class="col-md-6">
                <div class="card rounded-0 mx-3">
                    <div class="card-header py-3 rounded-0 border-bottom">
                        <h5 class="mb-0 text-dark">System Default Currency</h5>
                    </div>
                    <div class="card-body py-4 rounded-0">
                        <div class="row d-flex align-items-center">
                            <div class="col-md-3">
                                <p class="mb-0">System Default Currency</p>
                            </div>
                            <div class="col-md-6">
                                <select class="form-select" name="" id="">
                                    <option value="">Data</option>
                                    <option value="">Data</option>
                                    <option value="">Data</option>
                                </select>
                            </div>
                            <div class="col-md-3">
                                <button class="btn btn-warning" type="submit">Save</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="card rounded-0 mx-3">
                    <div class="card-header py-3 rounded-0 border-bottom">
                        <h5 class="mb-0 text-dark">Set Currency Formats</h5>
                    </div>
                    <div class="card-body py-4 rounded-0">
                        <div class="row d-flex align-items-center mb-3">
                            <div class="col-md-3">
                                <p class="mb-0">Symbol Format</p>
                            </div>
                            <div class="col-md-6">
                                <select class="form-select" name="" id="">
                                    <option value="">Data</option>
                                    <option value="">Data</option>
                                    <option value="">Data</option>
                                </select>
                            </div>
                        </div>
                        <div class="row d-flex align-items-center mb-3">
                            <div class="col-md-3">
                                <p class="mb-0">Decimal Separator</p>
                            </div>
                            <div class="col-md-6">
                                <select class="form-select" name="" id="">
                                    <option value="">Data</option>
                                    <option value="">Data</option>
                                    <option value="">Data</option>
                                </select>
                            </div>
                        </div>
                        <div class="row d-flex align-items-center mb-3">
                            <div class="col-md-3">
                                <p class="mb-0">No of decimals</p>
                            </div>
                            <div class="col-md-6">
                                <select class="form-select" name="" id="">
                                    <option value="">Data</option>
                                    <option value="">Data</option>
                                    <option value="">Data</option>
                                </select>
                            </div>
                        </div>
                        <div class="text-end">
                            <button class="btn btn-warning">save</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="card rounded-0 mx-3 mt-5">
            <div class="card-header py-3 rounded-0 border-bottom justify-content-between d-flex align-items-center">
                <h5 class="mb-0 text-dark">All Currencies</h5>
                <div>
                    <input type="text" placeholder="Type Name & Enter" class="form-control" name=""
                        id="">
                </div>
            </div>
            <div class="card-body rounded-0">
                <table class="table">
                    <thead>
                        <tr>
                            <th class="text-dark fw-semibold" scope="col">#</th>
                            <th class="text-dark fw-semibold" scope="col">Currency name</th>
                            <th class="text-dark fw-semibold" scope="col">Currency symbol</th>
                            <th class="text-dark fw-semibold" scope="col">Currency code</th>
                            <th class="text-dark fw-semibold" scope="col">Exchange rate(1 USD = ?)</th>
                            <th class="text-dark fw-semibold" scope="col">Status</th>
                            <th class="text-dark fw-semibold" scope="col">Options</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <th scope="row">1</th>
                            <td>Indian Rupee</td>
                            <td>Rs</td>
                            <td>Rupee</td>
                            <td>68.45</td>
                            <td>
                                <div class="form-check form-switch">
                                    <input class="form-check-input" type="checkbox" role="switch">
                                </div>
                            </td>
                            <td>
                                <a class="text-dark" href="#"><i class="bi bi-pencil-square"></i></a>
                            </td>
                        </tr>
                        <tr>
                            <th scope="row">2</th>
                            <td>U.S. Dollar</td>
                            <td>$</td>
                            <td>USD</td>
                            <td>68</td>
                            <td>
                                <div class="form-check form-switch">
                                    <input class="form-check-input" type="checkbox" role="switch">
                                </div>
                            </td>
                            <td>
                                <a class="text-dark" href="#"><i class="bi bi-pencil-square"></i></a>
                            </td>
                        </tr>
                        <tr>
                            <th scope="row">3</th>
                            <td>Australian Dollar</td>
                            <td>$</td>
                            <td>AUD</td>
                            <td>1.45</td>
                            <td>
                                <div class="form-check form-switch">
                                    <input class="form-check-input" type="checkbox" role="switch">
                                </div>
                            </td>
                            <td>
                                <a class="text-dark" href="#"><i class="bi bi-pencil-square"></i></a>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endsection